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
Comments not found