[問題] 圖片顯示 淡入淡出

看板Web_Design作者 (finn)時間13年前 (2012/09/07 01:49), 編輯推噓1(1012)
留言13則, 6人參與, 最新討論串1/1
想請問一下,關於圖片的淡入淡出效果,網路查了一下, 大部分範例多半是用js做出來的,要做出淡入淡出幾乎都非常繁雜, 大概的概念好像是把圖片重疊再一起,在顯示某一張圖片時,其餘的通通隱藏, 說然簡單,但看了一下函數,挺繁雜的orz..。 想請問有比較基礎的方式嗎,或是php也能寫出淡入淡出的效果? 哪位大大可提供簡單的範例,或是編寫的想法,感恩。 ps.學過php但沒學過js。 -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 210.241.41.203

09/07 01:58, , 1F
這要看效果 有的圖可以用單張png半透明 變換底色達成
09/07 01:58, 1F

09/07 02:00, , 2F
這種client端的動作通常都是js(or jquery的animate)
09/07 02:00, 2F

09/07 02:00, , 3F
CSS3有transition/animate玩 不過支援度是問題
09/07 02:00, 3F

09/07 05:43, , 4F
jQuery slideshow(多圖), fade(汎用)
09/07 05:43, 4F

09/07 13:12, , 5F
用jQuery不用超過三行吧 怎麼會繁雜0.0
09/07 13:12, 5F

09/07 19:23, , 6F
目前會用這四種 http://codepen.io/anon/full/zBgeb
09/07 19:23, 6F

09/09 04:00, , 7F
flash能簡單做到﹐但flash製品現在就像是過街老鼠...
09/09 04:00, 7F

09/09 22:54, , 8F
過街老鼠?為何呢?
09/09 22:54, 8F

09/09 22:54, , 9F
純 js 改 dom_obj.style.opacity 就好了..
09/09 22:54, 9F

09/09 22:55, , 10F
09/09 22:55, 10F

09/09 22:59, , 11F
time函數,淡入淡出函數,秀出來的函數,最少也三行了吧= =
09/09 22:59, 11F

09/10 03:19, , 12F
09/10 03:19, 12F

09/12 08:32, , 13F
這個也很棒!但我也比較想弄的是連續自動切換。
09/12 08:32, 13F
文章代碼(AID): #1GIE8Ur7 (Web_Design)