Image files, descriptions and links
Permalink Browser Info Environment
Could a custom template for this be used to create a list of image thumbnails with associated descriptions and links to the full size? Sort of like a gallery, but without the actual gallery part. (Have I explained that clearly?)
Type: | Discussion |
---|---|
Status: | New |
Here is the template for an image thumbnail list. With a tiny bit of JavaScript it can be used to show a fancybox gallery. It already contains all the markup fancybox needs.
I am using it with my jQuickie addon to turn it into a gallery,
http://www.concrete5.org/marketplace/addons/jquickie/forums/build-a...
but the JavaScript could (with a bit more code) be included in other ways.
And the associated JavaScript:
Fancybox galleries are created from elements who have the same rel tag. There are plenty more options to play with, but the above is just about the minimum javaScript needed to turn a fileset list using the above template into a gallery.
The php file is attached to this post as a txt file.
@Mesuva - if you would like to incorporate this template into the marketplace package, feel free to do so.
I am using it with my jQuickie addon to turn it into a gallery,
http://www.concrete5.org/marketplace/addons/jquickie/forums/build-a...
but the JavaScript could (with a bit more code) be included in other ways.
<?php defined('C5_EXECUTE') or die("Access Denied."); $date = Loader::helper('date'); $c = Page::getCurrentPage(); if($c instanceof Page) { $cID = $c->getCollectionID(); } $files = $controller->getFileSet(); ?> <?php if ($displaySetTitle && $filesetname = $controller->getFileSetName()) { ?> <h3><?php echo $filesetname; ?></h3> <?php } ?> <?php if (!empty($files)) { ?> <?php /* ================JohntheFish============================ This template by John Liddiard aka JohntheFish
Viewing 15 lines of 188 lines. View entire code block.
And the associated JavaScript:
$("a[rel=jl_thumbnails_with_links_image_group]").fancybox({ 'titlePosition':'inside' });
Fancybox galleries are created from elements who have the same rel tag. There are plenty more options to play with, but the above is just about the minimum javaScript needed to turn a fileset list using the above template into a gallery.
The php file is attached to this post as a txt file.
@Mesuva - if you would like to incorporate this template into the marketplace package, feel free to do so.
This is perfect for me so thank you!
One question though....
How would you hardcode a specific fileset. Basically I dont want to to have the option of choosing a fileset.
What I am trying to achieve is that I have a page attribute that is associated with a fileset i.e. 62 (Fileset name 'Figures')
I can pass over the fileset details, but what would I change in the code to display that associated fileset
Hope that makes sense
Thanks
One question though....
How would you hardcode a specific fileset. Basically I dont want to to have the option of choosing a fileset.
What I am trying to achieve is that I have a page attribute that is associated with a fileset i.e. 62 (Fileset name 'Figures')
I can pass over the fileset details, but what would I change in the code to display that associated fileset
Hope that makes sense
Thanks
That would require overriding the block controller with changes to get the fileset from an attribute rather than from the edit dialogue.
I have a change proposed for Concrete5.6 that (if it get incorporated) will make it possible to create attributes or dashboard configuration tools to override block parameters depending on where the block is used.
One aim is to solve just this problem.
One aim is to solve just this problem.
I have published a variation of this template and some others for image thumbnail lists:
http://www.concrete5.org/marketplace/addons/image-list-templates/...
http://www.concrete5.org/marketplace/addons/image-list-templates/...
The view template just has a foreach loop that iterates over the list of files. What you do with those files is up to you, so you could just pull in an image helper and do what you need to. Things like the links and descriptions are already there.