To build a lightbox gallery follow these steps:
Create the following directory:
blocks/content/templates/lightbox
.Copy
concrete/blocks/content/view.php
into the new directory, and keep the filenameview.php
.Download the jQuery lightbox plugin from this site http://leandrovieira.com/projects/jquery/lightbox/.
From the downloaded jQuery ZIP file, extract the folders
images
,css
, andjs
into the directoryblocks/content/templates/lightbox
, but make surejquery.lightbox-0.5.min.js
is the only JavaScript—you have to remove all other files ending with.js
.Add another file called
view.js
in the same directory asview.php
. We need it to initialize the lightbox script. Its content has to look like this:$(document).ready(function() { $("a.lightbox").lightBox({ imageBtnPrev: CCM_REL + "/blocks/content/templates/lightbox/images/lightbox-btn-prev.gif", imageBtnNext: CCM_REL + "/blocks/content/templates/lightbox/images/lightbox-btn-next.gif",...