Autor Zpráva
Joy
Profil *
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>

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0