Image Shuffler


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.

Other Features:

  • 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.

Responsive

Image Shuffler looks good on any computers and mobile devices.

Desktop Demo

Mobile Device Demo


Requirements

  • Stacks 3
  • Rapidweaver 5, 6 or 7.

FAQ

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.


Stacks . Images & Videos . Social . Lightboxes . Layout . Publishing . Utilities .
Bundles . Support .