圖像從灰度逐個變爲顏色

-2

我有5個圖像放在一個div中，圖像是彩色的，但我希望它們都先灰度化，然後前3個逐漸慢慢淡入顏色後頁面加載。我試圖用各種jQuery腳本來實現這一點，比如jQuery灰度，飽和度等等，但都沒有成功。有人可以爲我搞清楚嗎？圖像從灰度逐個變爲顏色

腳本看起來像這樣：

<div class="cupImg"> 
    <img src="img/cup.png" alt="" /><img src="img/cup.png" alt="" /><img src="img/cup.png" alt="" /><img src="img/cup.png" alt="" /><img src="img/cup.png" class="last" alt="" /> 
</div>

來源

2013-07-29 Ankur Chauhan

顯示你的jQuery代碼。 – soundswaste

目前我沒有任何東西，因爲我嘗試了一些插件，但這些都不適合我的特殊問題。 –

設置的所有圖像與.gray類灰度在CSS3

https://stackoverflow.com/a/4028908/2630208

集用CSS3過渡動畫到你的元素

使用.slice （0,3）的jQuery方法來選擇從

刪除.gray類前三個元素用純的jQuery

http://jsfiddle.net/8Q39r/1/

順便說一句。代碼在Presto的Opera中不起作用。這是該瀏覽器的功能限制。

來源

2013-07-29 12:48:40

謝謝！暫時使用隱藏和顯示工作，但這是完美的。 –

圖像從灰度逐個變爲顏色

回答

相關問題