Moolets :: Mootools Based Widget Community For State Enabled Web 2.0 Community Building Tools :: Joomla :: Wordpress :: iPhone - 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

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

Avatar Required To Post Favoured: 0

TOPIC: Can Ploplets slide in from right?

Forum Tools

#1283

rufus00 (User)

Fresh MooTooler

Posts: 2

Can Ploplets slide in from right? 3 Months, 2 Weeks 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: 474

Re:Can Ploplets slide in from right? 3 Months, 2 Weeks 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!