The Sprightly Stack The Sprightly stack creates stunning rollovers in seconds, from a single image
Unlike it's predecessor, Sprightly 2 adds a single image in each stack deployed for greater layout flexibility.
The stack has also now been made fully responsive.
Create stunning portfolio galleries, photo galleries or image button rollovers with this visually appealing stack. You only need to add one image for this rollover effect.
The produced images are fully responsive and linkable via the Rapidweaver built in links panel, just as a regular image stack.
The stack has also now been made fully responsive.
Create stunning portfolio galleries, photo galleries or image button rollovers with this visually appealing stack. You only need to add one image for this rollover effect.
The produced images are fully responsive and linkable via the Rapidweaver built in links panel, just as a regular image stack.
Play Video
Live Demo
Settings
Click to Enlarge
Image Size
Just one setting in this stack:
Choose between never allowing the image to be displayed larger than it's original size, or always displaying the image to the maximum width of the container you place it in.
Choose between never allowing the image to be displayed larger than it's original size, or always displaying the image to the maximum width of the container you place it in.
User Guide
Drag an instance of the stack into the page.
Select the the method of image sizing from the stacks settings.
Thats all you need do to publish your sprightly 2 page.
The image is now fully responsive, and will revert to colour on rollover.
You may add links to the images in the usual way, via the Rapidweaver links panel.
Note on touch devices like iPhone etc.. the images only revert to colour versions when touched.
Select the the method of image sizing from the stacks settings.
Thats all you need do to publish your sprightly 2 page.
The image is now fully responsive, and will revert to colour on rollover.
You may add links to the images in the usual way, via the Rapidweaver links panel.
Note on touch devices like iPhone etc.. the images only revert to colour versions when touched.
Try to use images that are roughly the size of the container you place the stack, when your website is viewed on larger screen sizes.
You may use larger images, but making the image only as large as absolutely necessary will improve page load times.
You may use larger images, but making the image only as large as absolutely necessary will improve page load times.
Tested in the following browsers :
- Mozilla FireFox
- Google Chrome
- Safari
- Opera
- Internet Explorer 7+
- iPhone 4 + 5
- iPad 2 + 3
- Android
Video Overview
Back to Stacks Store Page
