![BLACK WEEK IT! [Zgarnij książkę GRATIS lub kupuj solo z rabatem do -50%]](https://static01.helion.com.pl/helion/img/promocje/xzay/box_1180x419_1x_druk__Black_week_2_zestawy_2024_Rpolony_a0d7b42e2-z1.png)
Lupa po najechaniu na zdjęcie za pomocą CSS
Skrypt przedstawia jak za pomocą CSS zrobić lupke pojawiającą się na zdjęciu po najechaniu na nie myszką.
Skrypt jest prosty w implementacji.
Konstrukcja:
<div id="gallery1">
<a href="obrazek1.jpg">
<span></span>
<img src="obrazek1.jpg" alt="" />
</a>
<a href="obrazek2.jpg">
<span></span>
<img src="obrazek2.jpg" alt="" />
</a>
</div>
<a href="obrazek1.jpg">
<span></span>
<img src="obrazek1.jpg" alt="" />
</a>
<a href="obrazek2.jpg">
<span></span>
<img src="obrazek2.jpg" alt="" />
</a>
</div>
Listing
//Kod CSS dla skryptu
#gallery1 {width:100%; overflow:hidden;}
#gallery1 a {position:relative; float:left; margin:5px;}
#gallery1 a span { display:none; background-image:url(lupa.png); background-repeat:no-repeat; width:48px; height:48px; position:absolute; left:15px; top:15px;}
#gallery1 img { border: solid 1px #999; padding:5px;}
#gallery1 a:hover span { display:block;}
Dodano przez: igor
Ranga: Administrator serwisu Punktów: 0
Ranga: Administrator serwisu Punktów: 0
Komentarze użytkowników
To niestety słaby skrypt.
autor: reytan | 5964 | 2010-08-11 23:22:00
-
-
Tre¶æ komentarza
-
:: Losowe artykuły
:: Wymiana linków
Modowe inspiracje |
Android Gry i Aplikacje |
ZaplanujTransport.pl: Przeprowadzki, transport, aukcje |
Logo dla firmy |
Change Tires - Car Weather Forecast Reminder |
Laminas: MVC Framework for PHP |
IT Books Reviews and Programming: JS, JAVA, PHP, ANDROID, CSS |
Katalog roślin |
Programming articles: JAVA, PHP, C++, Python, JavaScript |
Kancelaria Adwokacka Łukasz Huszno
