Our Randomizer widget provides a quick and simple way to randomize content such as hero images or banner ads. When implemented, this tool ensures that every time the page is loaded, a random image appears.
Randomizing can be used on placed or filled images, including fullscreen browser backgrounds. Setup is simple: assign the widget to an image via graphic style, and select your images in the widget options.
Widget Compatibility: Highly Compatible (No known issues when combining with other MuseThemes widgets)
Current Version: 1.1
Supported Devices: Desktop, Tablet, Phone
Release Log
1.1: Fixed issue causing image to break when crossing breakpoints (08/26/2016)
Setup
Drag the widget from the library and drop into your project in Design mode. The widget simply enables the randomizing functionality, so it can be placed anywhere (set it off the page to clear space).
This widget has 2 modes, with 3 effective uses:
Placed Image mode: Applies randomization to placed images. Placed images allow for alt text, useful in search engine indexing.
Filled Image: Applies randomization to rectangles with images applied via the “Fill” panel in Muse. Image-filled rectangles allow control over scaling and position settings not possible with placed images.
Browser Fill: Applies randomization to fullscreen browser backgrounds. Works as a great way to add a dynamic feel to a static site.
To use Placed Image or Filled Image modes, select your mode of choice in the widget option panel dropdown. Either create a rectangle with an image fill or place an image, then apply a graphic style to it. Match up the graphic style in the widget option panel.
When using the Placed Image mode, the actual image placed will not be included in the randomization unless it is also loaded into the Image Loader section.
To create a randomized browser fill, click the main Image Type in the widget option panel and select “Filled Image” from the dropdown. In the “Filled Image Settings” section, select “Browser Fill” from the dropdown. No graphic style is needed in this arrangement.
Finally, use the Image Loader section to add your image files.
Due to the truly random nature of this widget, the same image may load several times in a row.