This might be of use to you:
http://clientside.cnet.com/wiki/cnet-libraries/05-fx/00-fx.marquee kub wrote: > > Hi, > I tried it with Firefox and it's well done! > But nothing moves under IE7! > Why? > > > > Sapslabs wrote: >> >> >> Did a quick search for ticker and didn't find it so I'm continuing the >> post from johnnycache: >> http://forum.mootools.net/viewtopic.php?id=7550&p=1 >> >> To get the ticker to work with Mootools 1.2 (vertically, I haven't >> tried the horizontal one) you can use this code: >> >> var Ticker = new Class({ >> setOptions: function(options) { >> this.options = Object.extend({ >> speed: 1000, >> delay: 5000, >> direction: 'vertical', >> onComplete: Class.empty, >> onStart: Class.empty >> }, options || {}); >> }, >> initialize: function(el,options){ >> this.setOptions(options); >> this.el = $(el); >> this.items = this.el.getElements('li'); >> var w = 0; >> var h = 0; >> if(this.options.direction.toLowerCase()=='horizontal') { >> size = this.el.getSize(); >> h = size.y; >> this.items.each(function(li,index) { >> w += size.x >> }); >> } else { >> size = this.el.getSize(); >> w = size.x; >> this.items.each(function(li,index) { >> size = li.getSize(); >> h += size.y >> }); >> } >> this.el.setStyles({ >> position: 'absolute', >> top: 0, >> left: 0, >> width: w, >> height: h >> }); >> this.fx = new Fx.Morph(this.el, >> {duration:this.options.speed,onComplete:function() { >> var i = >> (this.current==0)?this.items.length:this.current; >> this.items[i-1].injectInside(this.el); >> this.el.setStyles({ >> left:0, >> top:0 >> }); >> }.bind(this)}); >> this.current = 0; >> this.next(); >> }, >> next: function() { >> this.current++; >> if (this.current >= this.items.length) this.current = 0; >> var pos = this.items[this.current]; >> this.fx.start({ >> top: -pos.offsetTop, >> }); >> >> this.next.bind(this).delay(this.options.delay+this.options.speed); >> } >> }); >> >> > > ----- The MooTools Tutorial: http://www.mootorial.com www.mootorial.com CNET Clientside: http://clientside.cnet.com clientside.cnet.com -- View this message in context: http://n2.nabble.com/Vertical-Ticker-tp1085946p1313730.html Sent from the MooTools Users mailing list archive at Nabble.com.
