- mooCaption adds captions to images, with various effects, and any position. The Caption can fade in, slide it, or be always present. Inspired in jQuery Captify Plugin, by Brian Reavis
1. Create the element list, that will become the mooltiselect. <img src="./images/black_180x150.gif" alt="Lorem ipsum dolor sit amet, consectetur adipiscing elit." class="capt" /> the alt in what it's going to be displayed in the caption. 2. Call mooCaption. here the default values. #JS new mooCaption({ speedOver: 'short', // speed of the mouseover effect # short' - 250ms # 'normal' - 500ms # 'long' - 1000ms, or any number od ms speedOut: 'normal', // speed of the mouseout effect # short' - 250ms # 'normal' - 500ms # 'long' - 1000ms, or any number od ms mode: 'slide', // 'fade', 'slide', 'on', 'random', if random selected, any of the other 3 effects will be applied. classposition: 'caption', // the name of the CSS class to apply to the caption box position: 'bottom', // position of the caption (top or bottom) slideFrom: 'normal', // 'normal', 'left', 'right'. Only applicable to slide mode, sets where the caption shoudl slide from. images: 'capt', // class of the images, if blank, all images in the page. opacity: '0.7', // Only used with the fade mode, set the final opacity of the caption. transition: 'Quart.easeIn' // Sets de Fx.Transitions Method, used to display the caption, check http://www.mootools.net/docs/core/Fx/Fx.Transitions for more info. });
V. 1.2 - Cleaned the code - Mootools 1.3 compatible - removed the extra step to captionize
V. 1.1 - Added slideForm option - Added transition option
V. 1.0.1 - Fixed bug width top position in slide mode. - Remove Sortable requirement.
A note on comments here: These comments are moderated. No comments will show up until they are approved. Comments that are not productive (i.e. inflammatory, rude, etc) will not be approved.
Found a bug in this plugin? Please report it this repository's Github Issues.
blog comments powered by Disqus