首页 > jquery特效插件 / > jquery全屏自动缩放的触屏特效插件RoyalSlider

jquery全屏自动缩放的触屏特效插件RoyalSlider

点击: 8921 , 发布日期: 2013-5-4
jquery全屏自动缩放的触屏特效插件RoyalSlider

jquery全屏自动缩放的触屏特效插件RoyalSlider

 又一个带有触屏功能的jquery全屏图片焦点特效,图片可以根据浏览器的窗口大小自动按比例缩放,所以不必为设备的分辨率的大小而担心,在手机上显示当然也不成问题了,再说它还带有触屏滑动的功能。

jquery参数说明:

 

$('#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
  });

参数比较多,具体的功能也只有自己试过才知道,这个jquery插件是个功能很强的插件,有多种不同的功能可以实现,现在只展示了它的其中一功能,所以部分参数可能并没有实际用途。

关键词: jquery插件 触屏 拖动 图片特效 全屏 满屏

注:用QQ登录后即可下载特效,当然你的积分是有限的,望好好利用与赚取!如何获得积分

我要评论
登录再评论
全部评论
不错,谢谢,可以用
Hima
2016-2-22 16:01:51
不错,能用上。就是本网站打开的有点慢
梵听
2015-12-12 15:15:55
特别的好
把心情哼成歌
2015-10-12 17:57:46
找了很久了,谢谢~
Life goes on
2015-9-19 9:05:45
不错哦
Ataotao
2015-3-24 10:21:10
autoPlay:true怎么没用啊,还是没有自动播放
时间被偷走了
2015-3-3 9:50:08
非常漂亮
(つ ̄3 ̄)つ
2014-11-26 10:12:03
积分不够
性别不同怎么谈恋爱
2014-8-25 14:29:54
非常的好的
小生有礼了!
2014-5-16 1:03:15
非常好,手机测试完胜
江城
2014-5-7 23:39:09
很炫
瓶子
2014-3-6 13:29:32