Vorlage:Galeriefenster: Unterschied zwischen den Versionen

Versionsgeschichte interaktiv durchsuchen

[gesichtete Version]

← Zum vorherigen Versionsunterschied Zum nächsten Versionsunterschied →

@@ Zeile 7: / Zeile 7: @@
 * Der Parameter <var>BESCHREIBUNG</var> bestimmt die Beschreibung, die unter dem Inhalt steht.
 * Der optionale Parameter <var>ÜBERSCHRIFT</var> bestimmt die Überschrift des Fensters.
-* Der optionale Parameter <var>BREITE</var> (ohne Einheit px!) bestimmt die Breite des Fensters. Ohne Angabe wird der Inhalt für einen 200 Pixel breiten Inhalt optimiert, wie bei der herkömmlichen Bildergalerie.
+* Der optionale Parameter <var>BREITE</var> (ohne Einheit px!) bestimmt die Breite des Fensters bzw. aller Fenster. Ohne Angabe wird der Inhalt für einen 200 Pixel breiten Inhalt optimiert, wie bei der herkömmlichen Bildergalerie.
+* Der optionale Parameter <var>MEHRERE</var> sorgt dafür, dass mehrere Galeriefenster nebeneinander angezeigt werden. Möglich sind hier die Werte <code>2</code> und <code>3</code>. Alles andere wird ignoriert. Bei der Übermittlung des Werts <code>2</code> können zusätzlich die Parameter <var>INHALT2</var> und <var>BESCHREIBUNG2</var> (bzw. bei <code>3</code> zusätzlich noch <var>INHALT3</var> und <var>BESCHREIBUNG3</var>) genutzt werden. Die Überschrift wird zentriert über den beiden Fenstern ausgegeben und die Breite ist bei beiden Inhalten gleich.
+* Der optionale Parameter <var>HÖHE</var> (ohne Einheit px!) bestimmt die Höhe des Fensters bzw. aller Fenster. Ohne Angabe wird der Inhalt für einen 200 Pixel breiten Inhalt optimiert, wie bei der herkömmlichen Bildergalerie.
 == Beispiele für die Benutzung ==
 <pre>{{Galeriefenster
@@ Zeile 21: / Zeile 24: @@
 <pre>{{Galeriefenster
 |INHALT={{#tag:oflash||file="http://s3.amazonaws.com/sgu-assets/assets/Video/1257460877/1051/sgu010x-0540ws.flv"|width="400"|height="300"}}
+|INHALT2=<playmp3>SGU 1x13 Shuttleantrieb.mp3</playmp3><br /><playmp3>SGU 1x11 Shuttlewaffen.mp3</playmp3>
 |BESCHREIBUNG=Webisode über das Shuttle
+|BESCHREIBUNG2=Sounddateien der Shuttle-Systeme
+|ÜBERSCHRIFT=Multimedia-Dateien zum Shuttle
 |BREITE=420
+|HÖHE=321
 }}</pre>
 ergibt
-<ul class="gallery" style="max-width: 420px; width: 420px;"><li class="gallerybox" style="width: 420px"><div style="width: 420px"><div class="thumb" style="width: 415px;"><div style="margin:19px auto;">{{#tag:oflash||file="http://s3.amazonaws.com/sgu-assets/assets/Video/1257460877/1051/sgu010x-0540ws.flv"|width="400"|height="300"}}</div></div>
+<ul class="gallery" style="max-width: 864px; width: 864px;">
-<div class="gallerytext">
+<li class="gallerycaption">Multimedia-Dateien zum Shuttle</li>
-<p>Webisode über das Shuttle</p>
+<li class="gallerybox" style="width: 420px;"><div style="width: 420px">
-</div></div></li></ul>
+<div class="thumb" style="width: 415px;"><div style="margin:19px auto; height: 321px;">
-{{--}}
+{{#tag:oflash||file="http://s3.amazonaws.com/sgu-assets/assets/Video/1257460877/1051/sgu010x-0540ws.flv"|width="400"|height="300"}}
-<pre>{{Galeriefenster
+</div></div>
-|INHALT=<playmp3>SGU 1x13 Shuttleantrieb.mp3</playmp3>
+<div class="gallerytext"><p>Webisode über das Shuttle</p></div>
-|BESCHREIBUNG=Sound des Shuttle-Antriebs
+</div></li>
-|ÜBERSCHRIFT=Mit Audiodatei
+<li class="gallerybox" style="width: 420px;"><div style="width: 420px">
-|BREITE=120
+<div class="thumb" style="width: 415px;"><div style="margin: 19px auto; height: 321px;">
-}}</pre>
+<playmp3>SGU 1x13 Shuttleantrieb.mp3</playmp3><br /><playmp3>SGU 1x11 Shuttlewaffen.mp3</playmp3>
-ergibt
+</div></div>
-<ul class="gallery" style="max-width: 120px; width: 120px;"><li class="gallerycaption">Mit Audiodatei</li><li class="gallerybox" style="width: 120px"><div style="width: 120px"><div class="thumb" style="width: 115px;"><div style="margin: 19px auto;"><playmp3>SGU 1x13 Shuttleantrieb.mp3</playmp3></div></div>
+<div class="gallerytext"><p>Sounddateien der Shuttle-Systeme</p></div>
-<div class="gallerytext">
+</div></li>
-<p>Der Sound des Shuttle-Antriebs</p>
+</ul>
-</div></div></li></ul>
+Dieses Beispiel zeigt, dass es sinnvoll ist, bei mehreren Galeriefenstern in einer Reihe die Inhalte gleich hoch bzw. gleich groß zu gestalten.
 [[Kategorie:Artikelbausteine|Galeriefenster]]
 </noinclude><includeonly>
-<ul class="gallery" style="max-width: {{{BREITE|235}}}px; width: {{{BREITE|235}}}px;">{{#if:{{{ÜBERSCHRIFT|}}}|<li class="gallerycaption">{{{ÜBERSCHRIFT|}}}</li>}}<li class="gallerybox" style="width: {{{BREITE|235}}}px"><div style="width: {{{BREITE|235}}}px"><div class="thumb" style="width: {{#expr:{{{BREITE|235}}}-5}}px;"><div style="margin:19px auto;">{{{INHALT|<nowiki><Inhalt></nowiki>}}}</div></div>
+<ul class="gallery" style="max-width: {{#switch:{{MEHRERE}}}|2={{#expr: ({{{BREITE|235}}}*2)+24}}|3={{#expr: ({{{BREITE|235}}}*3)+24}}|#default={{{BREITE|235}}}}}px; width: {{#switch:{{MEHRERE}}}|2={{#expr: ({{{BREITE|235}}}*2)+24}}|3={{#expr: ({{{BREITE|235}}}*3)+24}}|#default={{{BREITE|235}}}}}px;">{{#if:{{{ÜBERSCHRIFT|}}}|<li class="gallerycaption">{{{ÜBERSCHRIFT|}}}</li>}}<li class="gallerybox" style="width: {{{BREITE|235}}}px"><div style="width: {{{BREITE|235}}}px"><div class="thumb" style="width: {{#expr:{{{BREITE|235}}}-5}}px;"><div style="margin:19px auto; height: {{{HÖHE|112}}}px;">{{{INHALT|<nowiki><Inhalt></nowiki>}}}</div></div>
 <div class="gallerytext">
 <p>{{{BESCHREIBUNG|<nowiki><Beschreibung></nowiki>}}}</p>
-</div></div></li></ul>
+</div></div></li>{{#ifeq:{{{MEHRERE}}}|2|<li class="gallerybox" style="width: {{{BREITE|235}}}px"><div style="width: {{{BREITE|235}}}px"><div class="thumb" style="width: {{#expr:{{{BREITE|235}}}-5}}px;"><div style="margin:19px auto; height: {{{HÖHE|112}}}px;">{{{INHALT2|<nowiki><Inhalt2></nowiki>}}}</div></div>
+<div class="gallerytext">
+<p>{{{BESCHREIBUNG2|<nowiki><Beschreibung2></nowiki>}}}</p>
+</div></div></li>|}}{{#ifeq:{{{MEHRERE}}}|3|<li class="gallerybox" style="width: {{{BREITE|235}}}px"><div style="width: {{{BREITE|235}}}px"><div class="thumb" style="width: {{#expr:{{{BREITE|235}}}-5}}px;"><div style="margin:19px auto; height: {{{HÖHE|112}}}px;">{{{INHALT3|<nowiki><Inhalt3></nowiki>}}}</div></div>
+<div class="gallerytext">
+<p>{{{BESCHREIBUNG3|<nowiki><Beschreibung3></nowiki>}}}</p>
+</div></div></li>|}}</ul>
 </includeonly>