魅族轮播图效果(原创)

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

 10231  37  查看评论 (3)
魅族轮播图效果(原创) ie兼容10

使用方法

创建一个容器div例如

<div id='test'></div>

使用

$("#test').slide();

参数说明

image=["1.jpg","2.jpg"];
$("#text").slide({images:image,//图片数组
    autoPlay:true,//自动播放
    interval:6000,//图片间隔
    barColor:"#3498DB",//导航条颜色hiddenBar:false,//设置是否隐藏底部导航条hiddenControl:false//设置隐藏左右切换按钮
});
相关插件-幻灯片和轮播图

jQuery 3d轮播插件flipster.js

JQuery+css实现图片轮播效果,支持移动端拖动切换。
  幻灯片和轮播图
 25683  177

基于swiper带视差切换效果的轮播图

双层轮播图,里面的轮播图是一倍速轮播,外面的轮播图是双倍苏轮播,意想不到的美感
  幻灯片和轮播图
 6316  46

jQuery百叶窗轮播插件Shutter

兼容至IE8的自适应百叶窗轮播,切换效果多样。
  幻灯片和轮播图
 8947  80

js 3D立体相册

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

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

    Gsdew 0
    2017/9/28 14:20:20

    请问怎么控制图片的显示数量为5

    回复
    匹|匹诺曹 0
    2017/7/5 9:53:11
    yoonfeng 0
    2017/4/28 16:09:19

    小建议:鼠标放上去的时候清除掉定时器,离开再执行定时器

    回复
取消回复