/* jQuery Scroller plugin Copyright (c) 2010 Max Vergelli For support and tutorials visit http://maxvergelli.wordpress.com/ License: GNU Lesser General Public License (LGPL) at http://opensource.org/licenses/lgpl-2.1.php This plugin is free software; you can redistribute it and/or modify it under the terms of the GNU Lesser General Public License as published by the Free Software Foundation; either version 2.1 of the License, or (at your option) any later version. This software is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for more details. You should have received a copy of the GNU Lesser General Public License along with this library; if not, write to the Free Software Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA 02111-1307 USA THIS COMMENT AND COPYRIGHT NOTICE MUST BE RETAINED IN THE CODE AS IS FOR LEGAL USE */ (function ($) { $.fn.PlayScroller = function(){ this.children().stop(); this.children().trigger('marquee',['resume']); }; $.fn.PauseScroller = function(){ this.children().stop(); }; $.fn.ResetScroller = function(options){ this.children().stop(); this.children().unbind('marquee'); options = $.extend(this.data(), options); this.SetScroller(options); }; $.fn.RemoveScroller = function(){ this.children().stop(); this.children().css({ top:0, left:0 }); this.children().unbind('marquee'); }; $.fn.SetScroller = function (options) { var _ = { me: this }; options = $.extend({ velocity: 60, direction: 'horizontal', startfrom: 'right', loop: 'infinite', movetype: 'linear', onmouseover: 'play', onmouseout: 'play', onstartup: 'play', cursor: '' }, options); var velocity = typeof options.velocity == 'number' ? parseInt(options.velocity) : 50; var direction = options.direction.toLowerCase(); var startfrom = options.startfrom.toLowerCase(); var loop = typeof options.loop == 'number' && options.loop > 0 ? parseInt(options.loop) : -1; var movetype = options.movetype.toLowerCase(); //TODO: 'linear' or 'pingpong' var onmouseover = options.onmouseover.toLowerCase(); var onmouseout = options.onmouseout.toLowerCase(); var onstartup = options.onstartup.toLowerCase(); var cursor = options.cursor.toLowerCase(); _.me.data(options); main(); function main() { _.me.css('cursor',cursor); if(direction=='horizontal'){ if(startfrom!='right' && startfrom!='left'){ startfrom='right'; }; scrollHorizontal(); }else{ if(startfrom!='bottom' && startfrom!='top'){ startfrom='bottom'; }; scrollVertical(); }; if(onmouseover=='play'){ _.me.mouseover(function(){ $(this).children().stop(); $(this).children().trigger('marquee',['resume']); }); }else{ _.me.mouseover(function(){ $(this).children().stop(); }); }; if(onmouseout=='play'){ _.me.mouseout(function(){ $(this).children().stop(); $(this).children().trigger('marquee',['resume']); }); }else{ _.me.mouseout(function(){ $(this).children().stop(); }); }; if(onstartup!='play'){ _.me.children().stop(); }; }; function scrollVertical(){ _.me.children().bind('marquee', function(event,c) { var ob = $(this); var sh = parseInt(ob.parent().height()); var th = parseInt(ob.height()); var tt = parseInt(ob.position().top); var v = velocity>0 && velocity<100 ? (100-velocity)*100 : 5000; var dr = parseInt(v*th/100)+v; if(movetype=='pingpong'){ switch(startfrom){ case 'bottom': if(typeof c == 'undefined'){ob.css({ top: sh-th });}; sh = tt - (th + sh); break; default: if(typeof c == 'undefined'){ob.css({ top: 0 });}; sh += tt + th; }; }else{ switch(startfrom){ case 'bottom': if(typeof c == 'undefined'){ ob.css({ top: sh }); sh = -th; }else{ sh = tt - (th + sh); }; break; default: if(typeof c == 'undefined'){ ob.css({ top: -th }); }else{ sh += tt + th; }; }; }; if(loop<0 || loop>0){ if(loop>0){loop--;}; ob.animate( {top:sh}, { duration:dr, easing:'linear', complete:function(){ob.trigger('marquee');}, step:function(){ switch(movetype){ case 'pingpong': if(startfrom == 'bottom'){ if(parseInt(ob.position().top) <= 0){ startfrom='top'; ob.stop(); ob.trigger('marquee'); }; }else{ if(parseInt(ob.position().top)+parseInt(ob.height()) >= parseInt(ob.parent().height())){ startfrom='bottom'; ob.stop(); ob.trigger('marquee'); }; }; break; default: if(startfrom == 'bottom'){ if(parseInt(ob.position().top) < -parseInt(ob.height())){ ob.stop(); ob.trigger('marquee'); }; }else{ if(parseInt(ob.position().top) > parseInt(ob.parent().height())){ ob.stop(); ob.trigger('marquee'); }; }; }; } }); }; }).trigger('marquee'); }; function scrollHorizontal(){ _.me.children().bind('marquee', function(event,c) { var ob = $(this); var sw = parseInt(ob.parent().width()); var tw = parseInt(ob.width()); var tl = parseInt(ob.position().left); var v = velocity>0 && velocity<100 ? (100-velocity)*100 : 5000; var dr = parseInt(v*tw/100)+v; if(movetype=='pingpong'){ switch(startfrom){ case 'right': if(typeof c == 'undefined'){ob.css({ left: sw-tw });}; sw = tl - (tw + sw); break; default: if(typeof c == 'undefined'){ob.css({ left: 0 });}; sw += tl + tw; }; }else{ switch(startfrom){ case 'right': if(typeof c == 'undefined'){ ob.css({ left: sw }); sw = -tw; }else{ sw = tl - (tw + sw); }; break; default: if(typeof c == 'undefined'){ ob.css({ left: -tw }); }else{ sw += tl + tw; }; }; }; if(loop<0 || loop>0){ if(loop>0){loop--;}; ob.animate( {left:sw}, { duration:dr, easing:'linear', complete:function(){ob.trigger('marquee');}, step:function(){ switch(movetype){ case 'pingpong': if(startfrom == 'right'){ if(parseInt(ob.position().left) <= 0){ startfrom='left'; ob.stop(); ob.trigger('marquee'); }; }else{ if(parseInt(ob.position().left)+parseInt(ob.width()) >= parseInt(ob.parent().width())){ startfrom='right'; ob.stop(); ob.trigger('marquee'); }; }; break; default: if(startfrom == 'right'){ if(parseInt(ob.position().left) < -parseInt(ob.width())){ ob.stop(); ob.trigger('marquee'); }; }else{ if(parseInt(ob.position().left) > parseInt(ob.parent().width())){ ob.stop(); ob.trigger('marquee'); }; }; }; } }); }; }).trigger('marquee'); }; return this; }; })(jQuery);