Moolets :: A Mootools Based Widget Community For State Enabled Web 2.0 Community Building Tools - Re:Can Ploplets slide in from right?

	Moolets Support Forums	Forum Threaded View

Welcome, Guest
Please Login or Register. Lost Password?

Moolets Support Forums

Support

Moolet Ploplet 1.x.x

Re:Can Ploplets slide in from right? (1 viewing) (1) Guests

Avatar Required To Post Favoured: 0

TOPIC: Re:Can Ploplets slide in from right?

Forum Tools

#1283

rufus00 (User)

Fresh MooTooler

Posts: 2

Can Ploplets slide in from right? 2 Months, 1 Week ago

Hi,

Just found 'Ploplets' and feel they could be interesting and fun to use. I am trying to get a Banner to 'slide' in and have various Divs of colour slide in, in a Ploplet _style_ (basic I know).

Some of the Divs are not 100% width and start around 400px from the Left. I tried to have these slide-in BUT whereas the 100% Divs are not there then 'slide in' the Divs that start at 400px sit there on the left then slide into place..

Is there anyway I can have them slide in from the right?
OR if you guys can help with why they appear on the left eventhough I have "mySlide_5.hide();" so they are meant to be hidden - though are clearly not

HTML Code is:

Code: :

The .js code is:

Code: :


 
   var mySlide_1 = new Fx.Slide('blueline',{wait: true, duration: 2000, transition:Fx.Transitions.Circ.easeOut, mode: 'horizontal'});
   var mySlide_2 = new Fx.Slide('pinkline-01',{wait: true, duration: 1900, transition:Fx.Transitions.Circ.easeOut, mode: 'horizontal'});
   var mySlide_3 = new Fx.Slide('pinkline-02',{wait: true, duration: 1800, transition:Fx.Transitions.Circ.easeOut, mode: 'horizontal'});
   var mySlide_4 = new Fx.Slide('pinkline-03',{wait: true, duration: 1700, transition:Fx.Transitions.Circ.easeOut, mode: 'horizontal'});
   var mySlide_5 = new Fx.Slide('pinkline-04',{wait: true, duration: 1700, transition:Fx.Transitions.Circ.easeOut, mode: 'horizontal'});
   var mySlide_6 = new Fx.Slide('pinkline-05',{wait: true, duration: 1700, transition:Fx.Transitions.Circ.easeOut, mode: 'horizontal'});
   var mySlide_7 = new Fx.Slide('thetitle',{wait: true, duration: 1700, transition:Fx.Transitions.Circ.easeOut, mode: 'horizontal'});

    mySlide_1.hide();
    mySlide_2.hide();
    mySlide_3.hide();
    mySlide_4.hide();
    mySlide_5.hide();
    mySlide_6.hide();
    mySlide_7.hide();

   mySlide_1.slideIn().addEvent('onComplete', function() { 
      mySlide_2.slideIn().addEvent('onComplete', function() { 
         mySlide_3.slideIn().addEvent('onComplete', function() { 
            mySlide_4.slideIn().addEvent('onComplete', function() { 
               mySlide_5.slideIn().addEvent('onComplete', function() {
                  mySlide_6.slideIn().addEvent('onComplete', function() {
                  mySlide_7.slideIn();
                  });
               });
            });
         });
      });
    });
});

Thanks for your help in advance guys.

Rufus

Report to moderator Logged

Logged

Avatar Required To Particpate

#1284

brian_williford (Admin)

Admin

Posts: 455

Re:Can Ploplets slide in from right? 2 Months, 1 Week ago
These moolets where written a year ago with mootools 1.1 which does not support right to left as seen here. http://forum.mootools.net/viewtopic.php?id=129 However I my best guess is they got this in place for mootools 1.2. I would suggest going to the mootools.net forums and posting that question their. Or search their forums and you may find the golden answer!