Załaduj pierwszy obraz w niestandardowej galerii z efektem FadeIn
Skłaniam ten skrypt do niestandardowego budowania galerii obrazów:
$('#plantas-img a').click(function(){
image = $("<img />").attr("src", $(this).attr("href"));
$("#plantas-img .img_big").html(image);
return false;
})
mój 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>
To działa dobrze, ale ta strona ma jakiegoś administratora, więc potrzebuję dynamicznego obciążenia wewnątrz.img_big
div pierwszyli
obraz. Kolejne pytanie brzmi: Jak umieścić jakiś efekt FadeIn / FadeOut na tym skrypcie?