| Autor | Zpráva | ||
|---|---|---|---|
| Joy Profil * |
#1 · Zasláno: 24. 7. 2010, 23:34:38
Dobry den, snazim se udelat hover efekt mezi dvema obrazkama (tagy img), pouzivam k tomu jquery...
takhle vypada soucasny js kod $(document).ready(function(){ $('.bw').fadeTo('fast', 0); //hides the image from view $('.bw').hover(function(){ //when hovered... $(this).stop().fadeTo('normal', 1.0); //fade the overlay_img to 100% in normal speed }, function(){ $(this).stop().fadeTo("normal", 0); //when not hovered fade back to 0% in normal speed }); }); pouzivam take blok (em) s pruhlednym pozadim a bilymi rohy, ktery mi vytvari kulate rohy u obrazku. Ve chvili kdy mam zmineny tag em napozicovany pres obrazky prestava fungovat zmena pruhlednosti u tagu img. Kdyz jsem zkusil hover presunout na tag em tak to zafungovalo ale zaroven mi to vybiralo vzdy vsechny obrazky a menilo to pruhledost vsech najednou a ja v tuto chvili nevim jak vyresit aby se vybral pouze konkretni jeden obrazek kde je kurzor.... takhle vypada zapis v HTML <div class="item"><a href="#"><img src="images/_temp/2bw.jpg" alt="" class="bw" /><img src="images/_temp/2.jpg" alt="" class="color" /><em></em></a></div> |
||
|
Časová prodleva: 15 let
|
|||
0