罗和正单双中特

jQuery轮播图插件meSlider

所属分类?#22909;教?幻灯片和轮播图

 12195  113  查看评论 (12)
分享到微?#25490;?#21451;圈
X
jQuery轮播图插件meSlider ie兼容8

更新时间:2019/5/21 下午3:14:37

更新说明:修改第一张往最后一张切换的动画,无缝轮播


更新时间:2019/4/30 下午3:14:11

更新说明:修改最后一张再往后切换的方向,(根据这个需求,发现第一个切换到上一个页面也是到)


如果您要修改轮播图大小请修改meSlider.css中宽和高

.slider {
    width: 600px;
    height: 300px;
    margin: 40px auto 0;
    overflow: hidden;
    position: relative
}

在修改js中vWidth: 600,宽度?#23548;?#21487;。

HTML

<div id="slider" ></div>

JS

// IE 9 可以轮播,同?#27604;?#23569;轮播动画
$(function() {
    $('#slider').sliders({
        imgArr: ['./resource/banner1.jpg', './resource/banner2.jpg', './resource/banner3.jpg'],
        autoLoop: true,
        current: 1,
        time: 4000, //切换间隔时间
        vWidth: 600 //图片宽度
    })
});
相关插件-幻灯片和轮播图

不规则图片切换特效

TweenMax不规则图片切换特效
  幻灯片和轮播图
 28872  386

纯javascript仿网易轮播

这是一个用纯javascript写的仿网易轮播图效果
  幻灯片和轮播图
 23633  195

3D图片轮播

带倒影效果的3D轮播图效果插件
  幻灯片和轮播图
 29604  269

jQuery轻量?#24230;?#23631;轮播图

jQuery轻量?#24230;?#23631;自动轮播图,兼容ie7以?#31665;?#35272;器
  幻灯片和轮播图
 19721  133

讨论这个项目(12)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    谁都不能没有谁 0
    2019/5/13 14:59:30
    问下怎么做可以让图片有链接了
        快乐的单身汉1
        2019/5/21 10:01:21
        把img包裹在a链接就可以了,
        春风十里不如你0
        2019/5/28 20:02:41
        你那个JS函数咋调用是未定义的呢
        快乐的单身汉0
        2019/5/30 9:39:00
        $(...).sliders is not a function ?
        是不是少引用了JS文件。
    回复
    ?#33258;?0
    2019/4/16 16:16:25
    注释呢,没有注释是真的恶心啊,?#20540;?
        快乐的单身汉0
        2019/4/30 14:37:15
        简单的代码,仅供练习,
    回复
    奔跑者 0
    2019/4/16 12:13:02
    做得很好哟,可以是有个小bug就是最后一张切换的时候方向是反的呀!
        快乐的单身汉0
        2019/4/30 14:35:40
        哈哈,对,以后有时间更新下,感谢提醒
        快乐的单身汉0
        2019/4/30 15:17:56
        最后一张切换?#36739;?#19968;张方向已经更改,然而发现第一张切换到上一张也是反?#27169;?#27491;在修改,谢谢提?#36873;?
        快乐的单身汉0
        2019/5/21 15:17:22
        第一张切换到最后一张现在已更新,无缝轮播
    回复
    陪伴是最长情的告白 0
    2019/4/14 8:55:53
    值得鼓励
        快乐的单身汉0
        2019/4/30 14:41:25
        哈哈,与君共勉,
    回复
取消回复
罗和正单双中特
彩名堂计划app网址 三个骰子大小几率 金钥匙w 六肖 三期平特必中 微信群玩大小单双 一天赚200的方法 十分快三骰子大小单双的玩法 重庆时时龙虎和走势 后三直选复式杀两码 飞艇计划软件怎么下载