素材牛VIP会员

jQuery轮播图插件meSlider

 所属分类:网页特效-焦点图/幻灯片

 浏览:602次-  下载:3次-  评论:2次-  更新时间:2019-04-14
jQuery轮播图插件meSlider兼容IE8
积分说明:注册即送15牛币,每日签到可获得5牛币,成为VIP会员可永久免积分下载!   充值积分   充值会员   更多说明»
素材描述:web端图片轮播插件meSlider,兼容性好,修改方便
 标签:轮播图焦点图

详细介绍

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

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

在修改js中vWidth: 600,宽度值即可。

HTML

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

JS

// IE 9 可以轮播,同时缺少轮播动画
$(function() {
    $('#slider').sliders({
        imgArr: ['./resource/banner1.jpg', './resource/banner2.jpg', './resource/banner3.jpg'],
        autoLoop: true,
        current: 1,
        time: 4000, //切换间隔时间
        vWidth: 600 //图片宽度
    })
});

文件目录结构

  • ┝ index.html
  • resource
    • ┝ a1.png
    • ┝ a2.png
    • ┝ a3.png
    • ┝ jquery.min.js
    • ┝ meSlider.css
    • ┝ sliderMe.js

讨论这个素材(2)回答他人问题或分享使用心得会奖励牛币

旅***头  
2019年05月24日

正好用下

回复
ct***05  
2019年06月11日

banner还是很多花样的

回复
 文明上网,理性发言!   😉 阿里云幸运券,戳我领取
我的牛币余额:0 已下载次数:3
所需牛币:5 开始下载

牛币获取:签到、评论、充值    » 在线充值(10牛币=1元)