;(function($){ $.fn.extend({ "myscroll":function(opt){ var init={ prev:"", next:"", scrollbox:"", number:"1" } var self=this; var setting=$.extend(init,opt); var box=self.find("ul"); var boxli=self.find("li"); var boxliwidth=self.find("li").outerwidth(true); var next=setting.next; var prev=setting.prev; var shul=setting.number; settimeout(function(){ box.parents("div.productscrolllist").css({height:boxli.eq(0).height()}) },500) if(boxli.length > shul){ $(next).click(function(){ if(box.is(":animated")) {return}; var boxliwidth=self.find("li").outerwidth(true); var boxli=self.find("li"); box.animate({left:-boxliwidth},500, function(){ box.css({left:0}) boxli.eq(0).appendto(box) }) box.parents("div.productscrolllist").animate({height:boxli.eq(1).height()}) }) $(prev).click(function(){ if(box.is(":animated")){return}; var boxliwidth=self.find("li").outerwidth(true); var boxli=self.find("li"); box.css({left:-boxliwidth}); box.animate({left:0},500) boxli.last().prependto(box); box.parents("div.productscrolllist").animate({height:boxli.last().height()}) }) /*var auto = setinterval(function(){ $(next).trigger("click"); },4000) $(self).hover(function(){ clearinterval(auto) },function(){ auto = setinterval(function(){ $(next).trigger("click"); },4000) })*/ } } }); $.fn.extend({ "rol":function(roll){ var fnboxroll = $(this); var fnbox = $.extend( { next:"", prev:"", fnboxrollcontent:"", fnboxrollcontent_child:"", num:8 },roll); var box = $(fnbox.fnboxrollcontent); var boxli = $(fnbox.fnboxrollcontent_child); var boxliwidth = $(fnbox.fnboxrollcontent_child).outerwidth(true); var next = $(fnbox.next); var prev = $(fnbox.prev); var i = 0; next.click(function(){ if(box.is(":animated")){return false} i++; if( i > boxli.length - fnbox.num ){ i--; return false; } //var mywidth=$(".dashijilist").innerwidth()+fnboxroll.position().left; var mylen=boxli.slice(3,3+i).length; var myprevwidth=0; for(var j=3;j<3+mylen;j++) { myprevwidth+=boxli.eq(j).outerwidth(true); } box.animate({left:-myprevwidth+"px"}) }) prev.click(function(){ i--; if(i < 0){i = 0;return} if(box.is(":animated")){return false} var mylen=boxli.slice(3,3+i).length; var myprevwidth=0; for(var j=3;j<3+mylen;j++) { myprevwidth+=boxli.eq(j).outerwidth(true); } box.animate({left:-myprevwidth+"px"}) }) } }); })(jquery);