How to make a MuraCMS gallery image display in the shadowbox / lightbox?
Posted by Joe Rebis (Import) on 05 October 2009 05:11 PM
|
|
Display MuraCMS image gallery:We have found the the best way to acheive this is to not actually use a gallery image, but rather a copy of the image instead. Galleries are meant to displayed in a particular way and while you can use a Local Content Index to show a gallery image on a content page, the resulting layout is not desireable. If you want to display a few images on a content page and have them pop-up into the shadowbox a.k.a. lightbox then there are a few options. Option 1:If you only have one photo, you can edit the page and include a file in the "select a file to upload" field. This will create a small, medium and large version of the image and display it in the shadowbox a.k.a. lightbox or graybox when clicked. This may not be convenient as the image will display in it's usual spot within the content. Option 2:If you want to add the shadowbox a.k.a. lightbox or graybox effect to one or more random images on a page you can use the instructions below:
Note: If you would like to have several images in the shadowbox, so users can go to the next image while in the shadowbox, change step 4 to <a rel="shadowbox[common-number]".... Replace "common-number" with a number of your own choosing. Make sure you use the same common number for each image you would like in the shadowbox. Use a different number for different pages or sub-set of images on the same page. If the lightbox doesn't work: Please add the following MURA tag to the source code of your page at the top. This will tell Mura to load the correct Javascript files for the Shadowbox. [mura]loadShadowBoxJS()[/mura] Additional note: This has been taken from the Mura CMS forums but presented here for the use and convenience of our customers. | |
|