pátek 18. ledna 2013

Přepínání obrázků pomocí jQuery

HTML kód

<table><tr>
<td class="fader">
    <img src="obrazek1.png" />
    <a href=""><obrazek2.png" /></a>
</td>

</tr></table>

CSS styly

.fader  {
        line-height:0px;
}

.fader  img:last-child {
    margin-top: -186px; /* posun podle velikosti obrázku */
    display: none;
}



jQuery


<script>
jQuery().ready (function(){

jQuery('.fader').hover(function() {
    jQuery(this).find('img:last').fadeToggle(200);
 });

});
</script>


Zdroje
jQuery Hover image change animation

Žádné komentáře:

Okomentovat