Loading:


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>

 



Napisz Artyku³

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: 28716
Komentarze użytkowników
To niestety słaby skrypt.
autor: reytan | 5964 | 2010-08-11 23:22:00


    • Tre¶æ komentarza
      Kod do komentarza (opcjonalnie)
      PHP JavaScript MySQL Smarty SQL HTML CSS ActionScript
      Autor
      Token
      token

       

       








funkcje.net
Wszelkie prawa zastrzeżone©. | Funkcje.net 2008-2021 v.1.5 | design: diviXdesign & rainbowcolors