Script: http://www.frankmanno.com/ideas/css-imagemap/ Az alábbiakban egy példa kép térkép, amely épített teljesen CSS és XHTML. Egy másik, hogy csak képet CSS térképek tettek közzé. Ha keres egy könnyebb módja a képtérképek bevonásával egy-egy képet, lehet, hogy érdekli az olvasás CSS Image Maps, Redux Bár én már támogatja a Javascript (Címek egyszerűen alatt megjelenik a kép), letiltott, hogy ebben a példában – Már fut egy kis probléma, amikor JS van kapcsolva, és CSS ki van kapcsolva (További részletek az alábbiakban). A kezdeti ötlet ez jött egy blogkihelyezés olvastam át a Gina Trappini blog, Scribbling.net. Az ő példája is jól sikerült, de azt akartam, hogy megpróbálja ugyanazt (vagy hasonló) kizárólag CSS. Aztán találtam egy linket a The Daily Kryogenix oldalon (via Gina post) vezetett képtérkép hogy élt ligher DHTML, és élt a <title> címkét meg a megjegyzések egy hotspot. Mégis, valamelyest függ Javascript/DHTML. A végén úgy döntött, hogy kihasználja a Doug Bowman tolóajtók technikával kombinálva a definíciós lista ( <dl></dl>). A tolóajtók technika lehetővé teszi, hogy tartalmazza az összes kép élőpontokkal egy képfájlt, és használja a background-position CSS tulajdonságot „shift” a kép minden irányban. Hozzáadásával :hover hatása a CSS (ebben az esetben a <a> tag tartalmazza a <dd> címkét), akkor átkerülhet a képet a kívánt pozícióba. Amit tett, építeni képtérképhez Photoshop. Mint látható ez a kép, a térkép alkotja 3 példányban ugyanazt a képet, mindegyik különböző jelölések. A felső
-
Recent Posts
Recent Comments
Archives
- February 2022
- November 2021
- August 2021
- May 2021
- March 2021
- February 2021
- November 2020
- September 2020
- August 2020
- June 2020
- November 2019
- September 2019
- July 2019
- April 2019
- January 2019
- October 2018
- December 2017
- November 2017
- October 2017
- September 2017
- August 2017
- July 2017
- May 2017
- April 2017
- March 2017
- February 2017
- November 2016
- October 2016
- September 2016
- June 2016
- May 2016
Categories