支持触屏的响应式图片滚动轮播

时间:2017-08-12 05:17:21
【文件属性】:

文件名称:支持触屏的响应式图片滚动轮播

文件大小:837KB

文件格式:ZIP

更新时间:2017-08-12 05:17:21

响应式轮播

响应式图片滚动,轮播,支持百分比缩放 jQuery(document).ready(function($) { $('#full-width-slider').royalSlider({ arrowsNav: true, loop: false, keyboardNavEnabled: true, controlsInside: false, imageScaleMode: 'fill', arrowsNavAutoHide: false, autoScaleSlider: true, autoScaleSliderWidth: 960, autoScaleSliderHeight: 350, controlNavigation: 'bullets', thumbsFitInViewport: false, navigateByClick: true, startSlideId: 0, autoPlay: false, transitionType:'move', globalCaption: true, deeplinking: { enabled: true, change: false }, imgWidth: 1400, imgHeight: 680 }); });


【文件预览】:
royalslider 一款支持触屏的响应式焦点图插件
----css()
--------royalslider.css(4KB)
--------reset.css(12KB)
--------skin-white.css(9KB)
----images()
--------blank.gif(49B)
--------preloader-white.gif(869B)
--------rs-minimal-white.png(5KB)
--------grabbing.png(3KB)
--------sprite.png(2KB)
--------grab.png(99B)
----img()
--------2.jpg(230KB)
--------1.jpg(199KB)
--------3.jpg(98KB)
--------4.jpg(244KB)
----index.html(4KB)
----js()
--------jquery-1.8.3.min.js(91KB)
--------jquery.royalslider.min.js(50KB)
----下载更多素材.url(129B)

网友评论

  • 可以用,但是不知道怎么设置自动播放。autoPlay改成true不行
  • 很不错的代码 借鉴了部分完善了自己的代码 很感谢!