Загрузка первого изображения в пользовательскую галерею с эффектом FadeIn
я получаю этот скрипт для пользовательской сборки галереи изображений:
$('#plantas-img a').click(function(){
image = $("<img />").attr("src", $(this).attr("href"));
$("#plantas-img .img_big").html(image);
return false;
})
мой 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>
Это работает нормально, но у этого сайта есть какой-то администратор, поэтому мне нужно динамически загружать внутри.img_big
Div первыйli
образ. Другой вопрос: как добавить эффект FadeIn / FadeOut в этот скрипт?