![Weso³ych¦wi±t ;]](http://funkcje.net/images/logo_easter.jpg){kind=logo}
![Majówka Programisty! [Książki drukowane -35%| Ebooki -50%]](https://static01.helion.com.pl/helion/img/promocje/bannery/19141/Helion_majowka_programisty_20_Rpolony_83d0546c6_1180x419.jpg)
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
