Difference between revisions of "Gallery with just one thumb"
From Contao Community Documentation
m (New Page) |
m |
||
(One intermediate revision by one user not shown) | |||
Line 1: | Line 1: | ||
− | [[Category:Admin | + | [[Category:Admin HOWTOS]] |
[[Category:Editors and Users]] | [[Category:Editors and Users]] | ||
{{AppliesTo | {{AppliesTo | ||
Line 26: | Line 26: | ||
/** | /** | ||
− | * @filename gallery_single_image | + | * @filename gallery_single_image.html5 |
* @version Contao 3.2.0 | * @version Contao 3.2.0 | ||
* @license LGPL | * @license LGPL |
Latest revision as of 01:10, 23 November 2013
Applies to | |
---|---|
Contao version | all versions |
Gallery with just one thumb
Goal
A FE gallery with one thumb and the possibility to navigate all pics in a lightbox. Javascript has to be enabled.
Realization
You have to use a modified version of template gallery_default.html5.
Template
Here's the template gallery_single_image.html5. On XHTML-output figure has to be replaced with div.
<?php /** * @filename gallery_single_image.html5 * @version Contao 3.2.0 * @license LGPL * @description A gallery template that only loads the first thumb but shows all pics in mediabox or colorbox. Check 'Full-size view/new window' in your gallery. Don't forget to load moo_mediabox or j_colorbox in your layout. */ ?> <div class="gallery-single-image"> <?php $i = 1; foreach ($this->body as $class=>$row): ?> <?php foreach ($row as $col): ?> <?php if ($col->addImage): ?> <?php if ($i == 1): ?> <figure class="image_container"> <?php endif; ?> <?php if ($col->href): ?> <a href="<?php echo $col->href; ?>"<?php echo $col->attributes; ?> title="<?php echo $col->alt; ?>"><?php if ($i == 1): ?><img src="<?php echo $col->src; ?>"<?php echo $col->imgSize; ?> alt="<?php echo $col->alt; ?>"><?php endif; ?></a> <?php endif; ?> <?php if ($i == 1): ?> </figure> <?php endif; ?> <?php endif; ?> <?php $i++; endforeach; ?> <?php endforeach; ?> </div>
--Andreas Burg 00:58, 23 November 2013 (CET)