This
is a sample of the new and revamped mooSlide. You can define not only
one slider, but more, as it uses js classes. You can define:
The slider DIV
The slide in speed
The fade out speed
Remove on click yes / no
The final opacity
The height of the slider container
The type of effect used ( see the mootools transitions effects )
The toggler element ( i.e. a link )
multiple mooSlides on a page
Here
you can see that it's possible to call several sliders on one page,
just define a new class instance and tell the script which div to use,
which handler to use to toggle, and you're all set. The release takes
mootools 1.11 as framework, this little class, and not more. Download ?
Here
Implementation:
var px =
new mooSlide2({ slideSpeed: 1700, fadeSpeed: 500, effect:"linear",
toggler:'toggle', content:'test', height:250, removeOnClick: true,
opacity:'1', effects:Fx.Transitions.Bounce.easeOut });