Fondu image dans un div

Je suis en train de le faire alors quand la souris se déplace sur la div elle se fane l'image dansFondu image dans un div

function clickimage($imageid){    
$("#image_"+imageid).hover(function(){ 
$(this).fadeTo("slow", 1.0); 
},function(){   
$(this).fadeTo("slow", 0.6); 
}); 
} 

<div id='images_$imageid'> 
<a href='?tg=photos&photo=$imageid' onmouseover=\"javascript:clickimage('$imageid')\"> 
<img src='users/$ptgid/images/$iimg' width='100' height='100'/> 
</a> 
</div>

Source

2009-06-24 Rickstar

alors quelle est votre question? –

Vous souhaitez définir la liaison lors du chargement du document, pas à chaque fois que la souris survole l'image. En outre, je voudrais créer une classe de sorte que vous pouvez initialiser le vol stationnaire sur chaque élément

$(document).ready(function() { 
    $(".image-hover-class").hover(function(){ 
     $(this).find('img').fadeTo("slow", 1.0); 
    },function(){   
     $(this).find('img').fadeTo("slow", 0.6); 
    }); 
});

Pour le lien, vous feriez quelque chose comme ceci:

<a class="image-hover-class" href="?tg=photos&photo=$imageid" \> 
    <img src='users/$ptgid/images/$iimg' width='100' height='100'/> 
</a>

Si vous voulez faire du vol stationnaire sur le div, vous pouvez le faire à la place (mais je recommande de faire le vol stationnaire sur l'étiquette <a>):

$(document).ready(function() { 
    $(".image-hover-class").hover(function(){ 
     $(this).find('a img').fadeTo("slow", 1.0); 
    },function(){   
     $(this).find('a img').fadeTo("slow", 0.6); 
    }); 
});

Pour la div, vous feriez quelque chose comme ceci:

<div class="image-hover-class"> 
    <a href="?tg=photos&photo=$imageid" \> 
     <img src='users/$ptgid/images/$iimg' width='100' height='100'/> 
    </a> 
</div>

Source

2009-06-24 14:46:01 DanO