Добавление эффекта затухания к изображению, загружаемому только с помощью javascript

Question

У меня есть следующий код javascript, который изменяет изображение в div для другого при каждом размещении мыши над миниатюрой.

Мой вопрос в том, как я могу применить эффект затухания, чтобы изменить изображение лучше?

Благодаря

JS:

$('#thumbs').delegate('img', { 
mouseover: function(){ 
    $('.mainImage').attr('src',$(this).attr('src').replace('thumb','image')); 
    var $this = $(this), 
    index = $this.index(); 
    $("#thumbs img").removeClass('thumbSelected'); 
     $this.addClass('thumbSelected'); 
}}); 

PHP:

<div id="thumbs"> 
<img class="thumbSelected" src="http://www.tahara.es/images/<?php echo $row2[thumb1]; ?>.jpg" /><br /> 
<img src="http://www.tahara.es/images/<?php echo $row2[thumb2]; ?>.jpg" /><br /> 
<img src="http://www.tahara.es/images/<?php echo $row2[thumb3]; ?>.jpg" /> 
</div> 


<div class="mainImage magnify"> 
<div class="large"></div><a href="http://www.tahara.es/images/<?php echo $row2[image1]; ?>.jpg" rel="lightbox" title="<?php echo $row2[name]; ?>"> 
<img class="mainImage small" src="http://www.tahara.es/images/<?php echo $row2[image1]; ?>.jpg" /> 
</a> 
</div> 

Answer 1

В вашем примере, я считаю:

$('#big-image img').fadeIn(300); 

будет работать.

Если нет, то это просто:

$('#imgid').fadeIn(300); 

Или:

$('#.classname').fadeIn(300); 

Answer 2

Заканчивать Jquery анимация .. Вы можете настроить длительность, ослабление (что вы, вероятно, не хватает) и завершение вызова (добавьте дополнительную анимацию, когда первая будет завершена, как увеличение непрозрачности от .8 до 1)

Это действительно вопрос как вы хотите, чтобы он выглядел, но анимация будет лучше, чем fadeIn