$(document).ready(function() { var shopeFfect = function(element, options){ var settings = $.extend({}, $.fn.shopeffect.defaults, options); //ÃÊ¹Ý ¼ÂÆ𪠰¡Á®¿À±â var vars = { currentSlide: 0, currentImage: '', totalSlides: 0, randAnim: '', currentchange : 'prev', running: false, paused: false, stop: false }; var slider2 = $(element); var kids = slider2.children(); var timer = 0; timer = setInterval(function(){ nivoRun(slider2, kids, settings, false); }, settings.pauseTime); slider2.bind('nivo:animFinished', function(){ vars.running = false; //Hide child links if(vars.currentchange == 'prev'){ slider2.find('.mitem').css({left: '0px'}); slider2.find('.mitem').find('li').eq(0).remove(); }else{ slider2.find('.mitem').find('li:last').remove(); } //Trigger the afterChange callback settings.afterChange.call(this); }); if(settings.pauseOnHover){ slider2.hover(function(){ vars.paused = true; clearInterval(timer); timer = ''; }, function(){ vars.paused = false; //Restart the timer if(timer == '' && !settings.manualAdvance){ timer = setInterval(function(){ nivoRun(slider2, kids, settings, vars.currentchange, false); }, settings.pauseTime); } }); } $('.pre', slider2).live('click', function(){ if(vars.running) return false; clearInterval(timer); timer = ''; vars.currentchange = 'prev'; nivoRun(slider2, kids, settings, vars.currentchange, false); }); $('.next', slider2).live('click', function(){ if(vars.running) return false; clearInterval(timer); timer = ''; vars.currentchange = 'next'; nivoRun(slider2, kids, settings, vars.currentchange , false); }); $('li', slider2).live('mouseover',function(){ $(this).find("img").attr("src",$(this).find("img").attr("over")); }); $('li', slider2).live('mouseout',function(){ $(this).find("img").attr("src",$(this).find("img").attr("out")); }); $('.btn', slider2).hover(function(){$(this).attr("src",$(this).attr("on"));},function(){$(this).attr("src",$(this).attr("off"));}); var nivoRun = function(slider2, kids, settings, change, nudge){ if(!change){ change='prev'; } vars.running = true; if(change == "prev"){ slider2.find('.mitem').append("
  • " + slider2.find('.mitem').find('li:first').html() + "
  • "); slider2.find('.mitem').animate({left: - settings.SlideMoveWidth +"px" },settings.animSpeed, function(){ slider2.trigger('nivo:animFinished'); }); }else{ slider2.find('.mitem').prepend("
  • " + slider2.find('.mitem').find('li:last').html() + "
  • "); // slider2.find('.mitem').css({left : - settings.SlideMoveWidth}).animate({left: + 0 +"px" },settings.animSpeed).find('li:first').css({width : 0 + 'px'}).animate({ width: settings.SlideMoveWidth + 'px' },settings.animSpeed, function(){ slider2.trigger('nivo:animFinished'); }) slider2.find('.mitem').css({left : - settings.SlideMoveWidth}).animate({ left: + 0 +"px" },settings.animSpeed, function(){ slider2.trigger('nivo:animFinished'); }) } } settings.afterLoad.call(this); return this; }; $.fn.shopeffect = function(options) { //µ¥ÀÌÅÍ ·Îµù¼ÂÆà return this.each(function(key, value){ var element = $(this); shopeFfect($(element), options); }); }; //Default settings $.fn.shopeffect.defaults = { animSpeed: 1000, //À̺¥Æ® ¼Óµµ pauseTime: 3000, //´ë±â½Ã°£ startSlide: 0, SlideMoveWidth: 227, //À̵¿±æÀÌ pauseOnHover: true, beforeChange: function(){}, afterChange: function(){}, slideshowEnd: function(){}, lastSlide: function(){}, afterLoad: function(){} }; $.fn._reverse = [].reverse; });