鍍金池/ 問答/C#  HTML/ js 想請教幾種類型的slidershow幻燈片是怎么做出來的,原理是什么

js 想請教幾種類型的slidershow幻燈片是怎么做出來的,原理是什么

第一種
clipboard.png

clipboard.png

第二種

clipboard.png

clipboard.png

clipboard.png

回答
編輯回答
夏木

沒用過你說的slideshow,幻燈片(輪播圖)原理無非就是幾種,從你截的圖看。
第一種
控制偏移,可視區(qū)域就是中間那部分,所有的圖片在一行顯示,超出部分隱藏。
第二種
控制層級,所有的圖片疊加在一起,控制z-index顯示。

2018年1月27日 10:21
編輯回答
負(fù)我心

第一種應(yīng)該是把一張圖片放到了n個小方塊里面當(dāng)成背景圖片 ,計算每個的方塊的位置,背景圖的位置,用絕對定位,然后控制改變透明度
第二種看著像位移+改變了圖片過濾的褐色值 img{filter:sepia(0-100%)}

2017年7月17日 08:29