(function($){ $.fn.focusPictures=function(opts){ var defaults={ scrollImg:'.banner', scrollImgWrap:'.scrollBg', scrollImgTag:'li', scrollNum:'.scrollNum', scrollNumTag:'li', scrollNumTagCurrent:'current', scrollTime:300, scrollIntervals:4000, scrollCallBack:function(o){} }; var options=$.extend({},defaults,opts); options.scrollCallBack($(this)); var w,m=0, isWebKit = $.browser.webkit, imgtag = $(options.scrollImgWrap).find(options.scrollImgTag), imgwrap = $(options.scrollImgWrap), numtag = $(options.scrollNum).find(options.scrollNumTag); banner = $(options.scrollImgWrap).parents(".banner"); n=parseInt(imgtag.width()), imgtag = imgtag, next = true, bgColor = ["#dde3f1","#b1b7c1","#b3aa93"]; if(isWebKit){ imgwrap.addClass('ans-slow-anim'); } function doAnimate(){ /*if(isWebKit){ imgwrap.css({'-webkit-transform': 'translate(' + (-n*m) +'px , 0)'}); }else{ // alert(0); imgwrap.animate({'margin-left':-n*m +'px'},options.scrollTime); }*/ // imgtag.animate({'margin-left':-n*m +'px'},options.scrollTime); //imgtag.eq(m).fadeIn().siblings().fadeOut(); $('.scrollBg li').eq(m).fadeIn().siblings().fadeOut(); // banner.css("background-color",bgColor[m]); // banner.animate({"background-color":bgColor[m]},400); } function scrolls(){ if(next){ if(m>=imgtag.length-1){ next = false; m--; }else{ m++; } }else{ if(m<=0){ next = true; m++; }else{ m--; } }; // alert(imgtag.length) doAnimate(); numtag.removeClass(); numtag.eq(m).addClass(options.scrollNumTagCurrent); }; numtag.hover(function(){ clearInterval(w); imgwrap.stop(); m=$(this).index(); doAnimate(); //animate({'margin-left':-n*$(this).index()+'px'},options.scrollTime); numtag.removeClass(); $(this).addClass(options.scrollNumTagCurrent); },function(){ m=$(this).index(); w=setInterval(scrolls,options.scrollIntervals); }); imgtag.hover(function(){ clearInterval(w); },function(){ w=setInterval(scrolls,options.scrollIntervals); }); w=setInterval(scrolls,options.scrollIntervals); } })(jQuery);