hits counter

Image PopUp

A sleek, modern, responsive solution for Image PopUps on your Concrete5 5.7x website.  With Image PopUp it's easy to add popUp images from your File Manager and make galleries of popup images from File Sets.

Block Class is an optional field that that adds a class to the thumbnail and pop up window wrappers to allow styling to individual instances of the block.

Use the Standard Concrete5 File Selector to choose an image from the File Manager

Adjust the Fade Duration for the PopUp action and transition between images in File Set Galleries

Choose the type of link you want to activate the PopUp.

  • Thumbnail is the same image as the pop up and can be scaled down by setting the Maximum Thumbnail Width
  • Text Link will display the text you enter in the input field that will be visible when selected
  • CSS Selector can be a class or id that you have on a link (<a class="popUp" href="#" >Popup Something</a>)
  • On Page load is the ever so annoying PopUp when the page is loaded by the browser.

Choose Caption for primary image popUp.

  • Enter a Text caption in the input field that will be visible when selected.
  • Use the File Title as defined in the File Manager.
  • Use the File Description as defined in the File Manager.

Create a PopUp Gallery

Select a File Set of images to create a PopUp Gallery. Images can be displayed in Random Order, with the primary popUp image always being first and the following images in random order.

Enable the Image counter to display current and total images below the popUp window.

Display Captions under Gallery PopUps

  • Use the File Title as defined in the File Manager.
  • Use the File Description as defined in the File Manager.

Examples

Single Image PopUp

DSC00043.jpg

CSS Link

This is a Content Block with a link that initiates the PopUp. Assign a CSS Class or ID to a link anywhere on the page with an Image PopUp Bock configured to link with CSS Element.

PopUp Gallery

DSC00047.jpg