没用过你说的slideshow,幻灯片(轮播图)原理无非就是几种,从你截的图看。第一种控制偏移,可视区域就是中间那部分,所有的图片在一行显示,超出部分隐藏。第二种控制层级,所有的图片叠加在一起,控制z-index显示。
第一种应该是把一张图片放到了n个小方块里面当成背景图片 ,计算每个的方块的位置,背景图的位置,用绝对定位,然后控制改变透明度第二种看着像位移+改变了图片过滤的褐色值 img{filter:sepia(0-100%)}
没用过你说的slideshow,幻灯片(轮播图)原理无非就是几种,从你截的图看。
第一种
控制偏移,可视区域就是中间那部分,所有的图片在一行显示,超出部分隐藏。
第二种
控制层级,所有的图片叠加在一起,控制
z-index
显示。