Laden Sie das erste Bild in der benutzerdefinierten Galerie mit dem FadeIn-Effekt
Ich bekomme dieses Skript, um eine Bildergalerie zu erstellen:
$('#plantas-img a').click(function(){
image = $("<img />").attr("src", $(this).attr("href"));
$("#plantas-img .img_big").html(image);
return false;
})
mein html:
<div id="plantas-img" class="product-img">
<div class="img_big">
<img src="plantas/image_1.jpg"/>
</div>
<div class="wrap_thumbs_plantas">
<ul class="thumbs">
<li><a href="plantas/image_1.jpg"><img src="plantas/thumb_image_1.jpg"/></a></li>
<li><a href="plantas/image_2.jpg"><img src="plantas/thumb_image_2.jpg"/></a></li>
<li><a href="plantas/image_1.jpg"><img src="plantas/thumb_image_1.jpg"/></a></li>
<li><a href="plantas/image_2.jpg"><img src="plantas/thumb_image_2.jpg"/></a></li>
<li><a href="plantas/image_1.jpg"><img src="plantas/thumb_image_1.jpg"/></a></li>
<li><a href="plantas/image_2.jpg"><img src="plantas/thumb_image_2.jpg"/></a></li>
<li><a href="plantas/image_1.jpg"><img src="plantas/thumb_image_1.jpg"/></a></li>
<li><a href="plantas/image_2.jpg"><img src="plantas/thumb_image_2.jpg"/></a></li>
<li><a href="plantas/image_1.jpg"><img src="plantas/thumb_image_1.jpg"/></a></li>
<li><a href="plantas/image_2.jpg"><img src="plantas/thumb_image_2.jpg"/></a></li>
</ul>
</div>
</div>
Dies funktioniert gut, aber diese Seite hat einige Administratoren, so dass ich innerhalb der dinamic laden muss.img_big
Div die ersteli
Bild. Eine andere Frage ist: Wie kann ich einen FadeIn / FadeOut-Effekt in dieses Skript einfügen?