CSS3全屏3D画布图片切换特效

所属分类:媒体-幻灯片和轮播图

 2508  27  查看评论 (1)
CSS3全屏3D画布图片切换特效 ie兼容11

很简单,html代码如下

<div class="slider__images">
  <div class="slider__images-item slider__images-item--active" data-id="1"><img src="img/1.jpg"></div>
  <div class="slider__images-item" data-id="2"><img src="img/2.jpg"></div>
  <div class="slider__images-item" data-id="3"><img src="img/3.jpg"></div>
  <div class="slider__images-item" data-id="4"><img src="img/4.jpg"></div>
  <div class="slider__images-item" data-id="5"><img src="img/5.jpg"></div>
</div>

相应加载css、js文件,图片地址放在对应div中 通过class控制,会出现轮播、3D切换特效

相关插件-幻灯片和轮播图

非全屏轮播banner图

非全屏轮播banner
  幻灯片和轮播图
 9612  59

jQuery图片无缝轮播插件jquery.mySlider.js

代码结构修改很简单,一看就会。最重要的是插件体积很小未压缩的只有3k。
  幻灯片和轮播图
 8524  24

jquery旋转木马插件SLICK

你永远需要最好的旋转木马。
  幻灯片和轮播图
 79507  196

jQuery幻灯片插件Smoothslides

可平移的jQuery幻灯片插件Smoothslides
  幻灯片和轮播图
 5605  30

讨论这个项目(1)回答他人问题或分享插件使用方法奖励jQ币

    hubins 0
    2017/11/17 16:20:08
    这个效果不错! 回复
取消回复