Image Expand

http://www.muse-themes.com/products/image-expand

  • Widget Compatibility: Highly Compatible (No known issues when combining with other MuseThemes widgets)
  • Current Version: 1.0
  • Supported Devices: Desktop, Mobile, Tablet

Release Log

  • 1.0: Initial release



Setup

  • Drag the widget from the library and drop into your project in Design mode.
  • Position the widget in Design mode where you would like it to appear on the page in browser.
  • Open the widget option panel.
  • Image: Use the image selector to choose an image file. Once an image is selected, you will see the image inside of the widget container.

  • Once you've selected an image, it might be a good time to size the image. The widget container controls the size of the image. Resize the container as you would any other image.

Note that the image size should be considerably smaller than the browser size. The image expansion effect is only effective when it has room to expand.

  • Overlay Background Color: This color will fill the entire browser background, behind the image as it's presented in a lightbox style format.
  • Overlay Background Opacity: This sets the opacity for the overlay background color.
  • Image Filter (Before Hover): There are a number of image filters that can be applied to the image. The filter will be seen in its normal state, meaning when it is not being hovered upon, or clicked to expand.

When using multiple Image Expand widgets on the same page, select the same overlay background color for all widgets


The widget should not be grouped with other page elements


Commonly Asked Questions

No commonly asked questions


Known Issues/Conflicts

No known issues or conflicts


Additional Info Links