Features
So, what exactly does Mosaic do?
- Automatically generates sliding boxes & captions
- Allows slide & fade animations with custom directions
- Preloads images within boxes
Options
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'
animation
Controls which effect the sliding box uses. Your options are "fade" or "slide".
speed
Defines speed of the animation.
opacity
Accepts any value 0-1 (decimals included). Used to determine the opacity level the overlay is faded to when hovered over. Fade animation only
preload
Overlays and backdrops are faded in after the page has loaded.
anchor_x, anchor_y
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.
hover_x, hover_y
Horizontal and vertical overlay hover positions.
Legacy Versions
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 hello@onemightyroar.com.
Thanks so much for your continued support, you guys are awesome.