添加淡入效果到剛加載使用javascript的圖像

我有以下JavaScript代碼，每當用戶將鼠標放在縮略圖的頂部時更改不同的div中的圖像。添加淡入效果到剛加載使用javascript的圖像

我的問題是，我如何應用淡入效果，使圖像變化更好？

感謝

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>

來源

2013-02-17 samyb8

RTLM更好：http://api.jquery.com/fadeIn/ – 2013-02-17 03:23:20

在你的榜樣，我beleive：

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

會工作。

如果不是，它只是：

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

或者：

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

來源

2013-02-17 03:47:36 Pachonk

對於沒有這些工作的一些原因... – samyb8 2013-02-19 13:42:42

你有一個可用的演示？ – Pachonk 2013-02-19 16:10:18

不是所有的東西都在我的服務器端 – samyb8 2013-02-19 21:39:27

退房jQuery的動畫.. 您可以配置時間，寬鬆政策（這是你可能錯過了什麼）和完成回調（當第一次完成時增加一個額外的動畫，如將不透明度從0.8增加到1）

這確實是一個問題你怎麼想它的樣子，但動畫會做得比淡入

來源

2013-02-17 04:55:32 ajameswolf

添加淡入效果到剛加載使用javascript的圖像

回答

相關問題