插件描述：左右全屏可拖拽的banner幻灯片
引入
<link href="css/royalslider.css" rel="stylesheet"> <script src="js/jquery-1.8.3.min.js"></script> <script src="js/jquery.royalslider.min.js"></script> <link href="css/reset.css" rel="stylesheet"> <link href="css/rs-minimal-white.css" rel="stylesheet">
<script>
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
});
});
</script>
PREVIOUS:
NEXT:
相关插件-幻灯片和轮播图,滑块和旋转
3D效果左右箭头轮播的js幻灯片特效代码
效果不错的一款js幻灯片特效代码，支持3D立体效果轮播，带左右箭头按钮控制幻灯图播放，支持幻灯图标题，js代码简单易改，比用flash幻灯特效好用得多，自行修改也容易。
幻灯片和轮播图
讨论这个项目（12）回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约
勤勤勤勤 0
2016/3/1 16:03:47
-
怎么设置自动播放？autoPlay: true,没效果
冬晚聚╂0
2016/5/5 17:05:44
-
可以在js里去修改的
??0
2016/9/7 11:09:06
-
js的哪个地方改啊？急求 qq：973001046
😃
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
😃
取消回复
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
