Here's the most recent version of the ticker for 1.2

/
*       
---------------------------------------------------------------------------
        CLASS:          Ticker(el,[speed,delay,direction]);
        OPTIONS:        speed:          the transition speed (default:500)
                                delay:          the amount of time a news item 
stays at a position
(default: 5000)
                                direction:      horizontal or vertical 
scrolling (default: 'vertical')
        AUTHOR:         Ryan J. Salva
        EMAIL           ryan at capitolmedia.com
        REVISED:        September 2008
*/

var Ticker = new Class({
        Implements: Options,
        options: {
                speed: 1000,
                delay: 5000,
                direction: 'vertical'
        },
        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') {
                        h = this.el.getCoordinates().height;
                        this.items.each(function(li,index) {
                                w += li.getCoordinates().width;
                        });
                } else {
                        w = this.el.getCoordinates().width;
                        this.items.each(function(li,index) {
                                h += li.getCoordinates().width;
                        });
                }
                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,
                        left: -pos.offsetLeft
                });
                
this.next.bind(this).delay(this.options.delay+this.options.speed);
        }
});


On Oct 9, 1:53 pm, nutron <[EMAIL PROTECTED]> wrote:
> IE7 doesn't work in the examples on that page (for Fx.Marquee)?
> On Thu, Oct 9, 2008 at 1:27 PM, kub
> <[EMAIL PROTECTED]<[EMAIL PROTECTED]>
>
>
>
> > wrote:
> > Fine, I didn't know it!
>
> > But it doesn't explain why IE7 brings trouble?!
>
> > anutron wrote:
> > This might be of use to you:
>
> >http://clientside.cnet.com/wiki/cnet-libraries/05-fx/00-fx.marquee
>
> > ------------------------------
> >  View message @
> >http://n2.nabble.com/Vertical-Ticker-tp1085946p1313851.html
> > To start a new topic under MooTools Users, email
> > [EMAIL PROTECTED]<[EMAIL PROTECTED]>
> > To unsubscribe from MooTools Users, click here< (link removed) >.
>
> -----
> The MooTools Tutorial:  http://www.mootorial.comwww.mootorial.com
> CNET Clientside:  http://clientside.cnet.comclientside.cnet.com
> --
> View this message in 
> context:http://n2.nabble.com/Vertical-Ticker-tp1085946p1313947.html
> Sent from the MooTools Users mailing list archive at Nabble.com.

Reply via email to