2015-06-01 78 views
0

我有以下:添加ON fadeTo延遲()的jQuery

$('.pic').fadeIn("slow"); // attempt calling twice 
    $('.pic').fadeTo("slow", 0.8); 

我想顯示的PIC爲約1秒發生fadeTo之前。目前它只顯示當JS運行時在那裏的圖片fadeTo

我試過在兩者中都包含延遲。

$('.pic').delay(1000).fadeTo("slow", 0.8); 

以上只是延遲顯示整個圖片。沒有延遲fadeTo。再次我的目標是顯示圖片正常1秒和然後fadeTo發生。

修訂/更新:

所以,下面我的答案我仍然沒有得到想要的結果。期望的結果是,顯示圖像正常,完全不透明。 1秒鐘之前,fadeTo發生。以下建議也會出現同樣的問題。它只是在顯示之前設置一個.delay。它不允許動畫具有完全不透明度,並顯示正常的一秒鐘,然後fadeTo

+2

看來你忘了打電話'fadeIn'在你的第二個例子。 –

回答

3

鏈的功能,所以你可以使用delay

$('.pic').fadeIn("slow").delay(1000).fadeTo("slow", 0.8); 

Fiddle