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