vue搭建的图片轮播

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

 5141  15  查看评论 (0)
vue搭建的图片轮播 ie兼容12

使用方法

引入vue库

<script src="js/vue.min.js"></script>

创建vue实例,data里面存放轮播图的路径
此插件应用了一些vue的简单的事件绑定,列表循环以及显示隐藏
同时为了使图片轮播交互效果更好,还使用了<transition-group>过渡(vue官网有详细介绍)
可以在标签内设置 enter-active-class 和 leave-active-class来产生轮播平滑的效果
或者可以在css中设置:(设置的transition-group的name="image")

.image-enter-active{}
.image-leave-active{}
.image-enter{}
.image-leave{
相关插件-幻灯片和轮播图

jQuery仿百度图片浏览效果

jQuery仿百度图片浏览效果
  幻灯片和轮播图
 13652  60

魔兽世界轮播图

很简单的一款小插件 希望大家喜欢
  幻灯片和轮播图
 7004  9

jQuery轮播图切换插件slick.js

slick.js实现图片轮播图渐隐切换动画特效,支持移动端滑动切换
  幻灯片和轮播图
 11343  38

js 3D立体相册

这是一个照片墙,通过鼠标点击来实现照片的播放,具有3D立体效果,代码简单有详细的注释。
  幻灯片和轮播图
 7350  46

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

取消回复