买靠谱源码,找靠谱技术,就来芝麻通!
当前位置:芝麻通 > jQuery特效

jQuery手机响应式设计焦点图

jQuery手机响应式设计焦点图

jQuery手机响应式设计焦点图,支持自动播放,根据屏幕大小动态放缩焦点图。兼容主流浏览器

参数说明:

auto: true,	//自动动画,true或false
speed: 500,	//转换速度,以毫秒为单位
timeout: 4000,	//幻灯片切换之间的时间,以毫秒为单位
pager: false,	// Boolean: Show pager, true or false
nav: true,	//显示导航,true或false
random: false,	//随机化幻灯片的顺序,是或否
pause: false,	//悬停时暂停,true或false
pauseControls: true,	//悬停控件时暂停,true或false
prevText: "Previous",	//"上一个"按钮的文本
nextText: "Next",	//"下一个"按钮的文本
maxwidth: "",	//幻灯片的最大宽度,以像素为单位
navContainer: "",	//控件应该附加到的位置,默认是在'ul'之后
manualControls: "",	//声明自定义寻呼机导航
namespace: "slide",	//更改使用的默认名称空间
before: function(){},	//回调之前
after: function(){}	//回调后

使用方法:

1、head区域引用文件 jquery.min.js,public.css

2、在文件中加入<!-- 代码 开始 --><!-- 代码 结束 -->区域代码

3、在页面底部引用responsiveslides.min.js

4、复制images文件夹里的图片到相应的路径

5、注意焦点图是有命名空间的,要修改对应div的class和css里的代码

6、更多调整参数,请参考responsiveslides.com

返回
顶部