/** * Jquery Rolling Banner * * À̹ÌÁö¸¦ µî·ÏÇϸé ŸÀÌƲ°ú ÇÔ²² ·Ñ¸µµË´Ï´Ù. * * @version 1.0 * @name jquery banner * @author coder ul * @example $('#banner_area').banner(); */ ;(function($){ $.fn.banner = function( options ) { var opts = $.extend( {}, $.fn.banner.defaults, options ), $this = $(this), iCurrent = 0, iTotal = 0, bPause = false, iGo = 1, iTmp = 20, sTitle = '', iImgWidth = 0, oInterval={}; iTotal = $(".rbanner").size() -1; $(".rbanner_info").text($(".rbanner").attr("title")); iImgWidth = $(".rbanner").width(); oInterval = setInterval(loop, opts.duration); $(".rbanner").each(function(i) { iTmp = ((i - 1)*iImgWidth) - ((iCurrent -1)*iImgWidth); $(this).animate({"left": iTmp+"px"}, 500); }); /** * ¸ØÃã¹öÆ° */ $(opts.pausePlayButton).click(function(e) { e.preventDefault(); if(bPause){ change(); bPause = false; $(opts.pausePlayButton).text('Pause').attr('title', '¸ØÃã'); } else { clearInterval(oInterval); bPause = true; $(opts.pausePlayButton).text('Play').attr('title', '½ÃÀÛ'); } }); $(opts.prevButton).click(function(e) { e.preventDefault(); iGo = -1; change(); }); $(opts.nextButton).click(function(e) { e.preventDefault() iGo = 1; change(); }); function change() { clearInterval(oInterval); oInterval = setInterval(loop, opts.duration); loop(); } function loop() { if(iGo == 1){ iCurrent == iTotal ? iCurrent = 0 : iCurrent++; } else { iCurrent == 0 ? iCurrent = iTotal : iCurrent--; } $('.rbanner').each(function(i) { if(i == iCurrent){ sTitle = $(this).attr('title'); $(".rbanner_info").animate({ opacity: 'hide', "left": "-50px"}, 250,function(){ $(".rbanner_info").text(sTitle).animate({ opacity: 'show', "left": "0px"}, 500); }); } iTmp = ((i - 1)*iImgWidth) - ((iCurrent -1)*iImgWidth); $(this).animate({"left": iTmp+"px"}, 500); }); } }; /** * ±âº» ¼³Á¤ */ $.fn.banner.defaults = { 'duration' : 2000, 'interval' : 0, 'pausePlayButton' : '#btn_pauseplay', 'prevButton' : '#btn_prev', 'nextButton' : '#btn_next' }; })(jQuery);