So, what exactly does Mosaic do?
- Automatically generates sliding boxes & captions
- Allows slide & fade animations with custom directions
- Preloads images within boxes
There are a number of available options, shown below with their default values.
For options able to be turned on/off - 1 is on, 0 is off. Any options that are left as default can be removed from the settings on the actual page.
animation : 'fade',
speed : 150,
opacity : 1,
preload : 1,
anchor_x : 'bottom',
anchor_y : 'left',
hover_x : '0px',
hover_y : '0px'
Controls which effect the sliding box uses. Your options are "fade" or "slide".
Defines speed of the animation.
Accepts any value 0-1 (decimals included). Used to determine the opacity level the overlay is faded to when hovered over. Fade animation only
Overlays and backdrops are faded in after the page has loaded.
Horizontal and vertical anchor points for the overlay (eg. left, right, top, bottom). Useful for locking a caption to a chosen side of the box.
Horizontal and vertical overlay hover positions.
Sliding Boxes and Captions with jQuery (3/31/09) - (Original Post)
Available for Hire
If you are interested in further customization or need help setting this up on your own site, fear not, I am available for hire.
Email the details of your project to [email protected].
Thanks so much for your continued support, you guys are awesome.