Galerie mit nur einem Vorschaubild - Versionsgeschichte

Andreas am 23. November 2013 um 00:09 Uhr

2013-11-23T00:09:34Z

Andreas: /* Template */

2013-11-23T00:06:10Z

‎Template

Andreas: /* Ziel */

2013-11-23T00:05:31Z

‎Ziel

Andreas am 23. November 2013 um 00:01 Uhr

2013-11-23T00:01:22Z

Andreas am 23. November 2013 um 00:00 Uhr

2013-11-23T00:00:22Z

Andreas am 22. November 2013 um 23:43 Uhr

2013-11-22T23:43:05Z

Andreas: Neue Seite: Galerieanpassung mittels Template

2013-11-22T23:32:56Z

Neue Seite: Galerieanpassung mittels Template

Neue Seite

[[Category:Admin HOWTOS]]
[[Category:Anwender und Redakteure]]
{{AppliesTo
|Version=Alle Versionen
}}
{{msgWarning|
Obwohl für '''Alle Versionen''' angegeben, kann eine leichte Anpassung bei älteren Versionen als Contao 3.2.0 notwendig sein.
}}

=Galerie mit nur einem Vorschaubild=

==Ziel==

Als Ergebnis erhält man im FE eine Galerie, welche das erste Bild als Vorschaubild präsentiert. Bei aktiviertem Javascript wird das Bild in einer ''Lightbox'' geöffnet. In der ''Lightbox'' kann man nun durch alle Bilder der Galerie blättern.

==Umsetzung==

Die Umsetzung erfolg mittels einer einfachen Erstellung, Umbenennung und Anpassung des Templates gallery_default.html5.

==Template==

Hier ist das Template gallery_single_image.html5. Bei einer XHTML-Ausgabe muss das Tag '''figure''' durch '''div''' ersetzt werden.

<source lang="php">
<?php

/**
* @filename gallery_single_image
* @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>

</source>
--[[Benutzer:Andreas|Andreas Burg]] 00:32, 23. Nov. 2013 (CET)

@@ Zeile 55: / Zeile 55: @@
 </source>
-[[en:gallery with just one thumb]]
+[[en:Gallery with just one thumb]]
---[[Benutzer:Andreas|Andreas Burg]] 01:00, 23. Nov. 2013 (CET)
+--[[Benutzer:Andreas|Andreas Burg]] 01:01, 23. Nov. 2013 (CET)

← Nächstältere Version		Version vom 23. November 2013, 00:00 Uhr
Zeile 55:		Zeile 55:

	</source>		</source>
−	--[[Benutzer:Andreas\|Andreas Burg]] 00:32, 23. Nov. 2013 (CET)	+	[[en:gallery with just one thumb]]
		+	--[[Benutzer:Andreas\|Andreas Burg]] 01:00, 23. Nov. 2013 (CET)

@@ Zeile 1: / Zeile 1: @@
-[[Category:Admin HOWTOs]]
+[[Category:Admin HOWTOS]]
 [[Category:Anwender und Redakteure]]
 {{AppliesTo

@@ Zeile 26: / Zeile 26: @@
 /**
-  * @filename gallery_single_image
+  * @filename gallery_single_image.html5
   * @version Contao 3.2.0
   * @license LGPL

@@ Zeile 12: / Zeile 12: @@
 ==Ziel==
-Als Ergebnis erhält man im FE eine Galerie, welche das erste Bild als Vorschaubild präsentiert. Bei aktiviertem Javascript wird das Bild in einer ''Lightbox'' geöffnet. In der ''Lightbox'' kann man nun durch alle Bilder der Galerie blättern.
+Als Ergebnis erhält man im FE eine Galerie, welche das erste Bild als Vorschaubild präsentiert. Bei aktiviertem Javascript wird das große Bild bei Mausklick in einer ''Lightbox'' geöffnet. In der ''Lightbox'' kann man nun durch alle Bilder der Galerie blättern.
 ==Umsetzung==