带控制按钮(点击移动到指定图片)的jQuery轮播图插件
效果图
当点击下方按钮时,轮播动画会停止,按钮所对应的图片在规定时间范围内移动出现,这一动作结束后再从当前图片开始继续轮播动画
$.fn.slider = function(){
//轮播图变量
var $ul =this; //在jQuery原型方法中,this就指的调用该方法的jQuery对象
var $lis = $ul.children();//返回所有的直接子标签
var imgwidth = $lis.width();
//设置列表的宽度
$ul.width(imgwidth*$lis.size(