The Stack For Multiple Image Categories Or Albums
Image Shuffler is a Rapidweaver Stack add-on that lets you display different categories/albums of images. These images then then be linked to different web pages.
Image Shuffler can be used as:
An image gallery, where visitors can choose between multiple albums.
A catalogue, where you can use thumbnails to represent various products or services. This catalogue can have different categories which the visitors can choose from.
Hash URL Support - This means you can link to or open a specific category/album when the page loads.
Responsive - Looks good on any device.
An image can either be linked to another web page, or when clicked, opens itself up in a Lightbox.
Captions are supported.
Image Shuffler looks good on any computers and mobile devices.
Mobile Device Demo
Rapidweaver 6 or 7.
Q: How do I get a particular category to open by default?
A: In the Image Shuffler options, there is a field called "Default Category". Just enter the category you want to open by default here.
Q: How do I open a category dynamically?
A: You can use hash urls to achieve this. To link to your web page so that a certain category opens when the page loads, you can append a "#filter=my-category-name" to the page link. For example, the following imaginary link will open the category "Retro" when the page loads: http://www.example.com/index.html#filter=Retro
Q: Can an image be in multiple categories/albums?
A: Yes, just separate the categories using commas. Let's say you want a particular image to be inside the "Popular", "Latest" and "Retro" albums. Just enter this into the categories field: Popular, Latest, Retro
Q: When do I use Column Priority or Row Priority?
A: In Column Priority, items are arranged in a vertically cascading grid. This is useful if your images have differing heights. In Row Priority, images are placed into rows in a way that is similar to what one would get from a layout that uses CSS floats. This is suitable for images with the same height.
Q: How do I center align the container for the images?
A: Image Shuffler is left-aligned, but you can try to center it as much as possible by using the "Row Priority" option in the Layout Mode. Then try adjusting the Horizontal Gutter (0 is a good value), and adjusting the Item Width percentage.