首页 > 代码库 > ResponsiveSlides javascript 幻灯片插件
ResponsiveSlides javascript 幻灯片插件
ResponsiveSlides.js是一个展示同一容器内图片的轻量级响应式jQuery幻灯片插件(tiny responsive slideshow jQuery plugin)。它支持包括IE6在内的几乎所有的浏览器,在IE6中还支持最大宽度属性,但在其它浏览器中并不原生支持。你需要做的只是链接jquery并且把图片裁剪为相同大小。
第一步:添加链接
<script src=http://www.mamicode.com/"./js/responsiveslides.min.js"></script>>第二步:添加图片<ul class="rslides" id="slider4"> <li> <img src=http://www.mamicode.com/"./images/banner.jpg" alt="">>
第三步:链接幻灯片<script> $(function () { $("#slides").responsiveSlides(); }); </script>
第四步:添加参数$("#slides").responsiveSlides({ speed: 4000, //整数:幻灯片切换间隔时间,单位是ms fade: 1000, //整数:淡入淡出的时间, in milliseconds auto: true, //布尔类型:是否手动切换图片(“auto:false”会自动添加页面标签) maxwidth: 800, //整数:幻灯片和图片区域的最大宽度,单位是像素px namespace: 'rs' //字符串:修改幻灯片类和id的默认命名空间(比如你想在一个页面添加多个幻灯片时使用) });
具体参数请参见官网 有详细说明ResponsiveSlides javascript 幻灯片插件
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。