Forums

Block for custom lightbox

Permalink
Hi!

I'm trying to get my head around blocks but really struggling! I need a simple block to create code like:
<div class="album">
<!-- repeated code for each image in a fileset -->
<a href="uploaded/file/location/image1.jpg" rel="lightbox" title="The image title set in file manager">
<img src="uploaded/file/location/image1.jpg" class="album-img" alt="The image title set in file manager" width="choose between 800 or 395" />
</a>
<!-- end of repeated code for each image in a fileset -->
</div>


Could anyone please help me out?

Much appreciated!
 
drbiskit replied on at Permalink Reply
drbiskit
If you want to build it from scratch yourself, there is an incredibly useful package on Github from Jordan Lev that would help you to do this...
https://github.com/jordanlev/c5_designer_gallery...

It requires some work to set it up, but basically includes the building blocks for you to do what you want on the back-end side of things - and allows you then to build whatever front-end you like. It is really well annotated to help you understand what you're doing.

There is a post about how to then set this up (using Flexslider as an example) here:
http://c5blog.jordanlev.com/blog/2011/12/build-a-slideshow-block/...

You could use this, but then just use a lightbox script (There are many available online), instead of Flexslider, to handle the presentation of the images.

--

Alternatively - just use one of these great free C5 addons:
http://www.concrete5.org/marketplace/addons/sortable-fancybox-galle...
http://www.concrete5.org/marketplace/addons/deluxe-image-gallery/...

- Either of these would allow you to add your own custom template as per your requirement, with all the back-end already taken care of.

--

Hope that helps!
maffp replied on at Permalink Reply
Thanks, that looks really handy but it won't let me install it on 5.7+... noooo!
drbiskit replied on at Permalink Reply
drbiskit
Ah - Sorry, I didn't realise you were using 5.7...

Okay - so I've never used this - but it looks as though it will do what you want:
http://www.concrete5.org/marketplace/addons/thumb-gallery...

If not, you could always just take a look at the code to see how it deals with file sets.

Good luck!