mooSlideBox

The mooSlideBox is a small and slim ajax based extension or replacement of the common "lightbox" that can be found on nearly every page.

It was tested in Firefox 2.0.0.14, IE6/IE7, Opera 9.2 and Safari.

To make the link a slideBox link, you need to add the tag rel="designSlide" to it. The slide can contain a heading and some text. Define it in your title tag of the link, separate the heading from the main text with a "::"

If you wish to have more content, or html tags like links in the displayed content area, you can specify another tag in your slideBox. SlideBox uses the "rev=" tag. Give your rev tag the name of the div that contains additional content.

The div containing the additional content is automatically hidden when the page is loading.

Features:

• 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 )
• Slide from - you can define whether to slide in from top or bottom of the screen

Requirements:

• MooTools 1.1 or higher