Vorlage:Galeriefenster: Unterschied zwischen den Versionen
aus Stargate Wiki, dem deutschsprachigen Stargate-Lexikon
Weitere Optionen
| [gesichtete Version] | [gesichtete Version] |
Vorlage erstellt. |
K Videolinks aktualisiert |
||
| (9 dazwischenliegende Versionen von 3 Benutzern werden nicht angezeigt) | |||
| Zeile 6: | Zeile 6: | ||
* Der Parameter <var>INHALT</var> bestimmt den Inhalt des Fensters. Ist der Inhalt größer als die eingestellte Breite, gibt es Darstellungsfehler. | * Der Parameter <var>INHALT</var> bestimmt den Inhalt des Fensters. Ist der Inhalt größer als die eingestellte Breite, gibt es Darstellungsfehler. | ||
* Der Parameter <var>BESCHREIBUNG</var> bestimmt die Beschreibung, die unter dem Inhalt steht. | * Der Parameter <var>BESCHREIBUNG</var> bestimmt die Beschreibung, die unter dem Inhalt steht. | ||
* Der optionale Parameter <var>KEINEBESCHREIBUNG</var> ist mit einem beliebigen Wert zu benutzen, wenn man keine Beschreibung angeben will. | |||
* Der optionale Parameter <var>ÜBERSCHRIFT</var> bestimmt die Überschrift des Fensters. | * 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 == | == Beispiele für die Benutzung == | ||
<pre>{{Galeriefenster | <pre>{{Galeriefenster | ||
| Zeile 20: | Zeile 24: | ||
{{--}} | {{--}} | ||
<pre>{{Galeriefenster | <pre>{{Galeriefenster | ||
|INHALT={{# | |INHALT={{#vplayer:video="https://www.youtube.com/watch?v=LklN5L6aWj0"|width="400"|height="300"}} | ||
|INHALT2=<playmp3>SGU 1x13 Shuttleantrieb.mp3</playmp3><br /><playmp3>SGU 1x11 Shuttlewaffen.mp3</playmp3> | |||
|BESCHREIBUNG=Webisode über das Shuttle | |BESCHREIBUNG=Webisode über das Shuttle | ||
|BESCHREIBUNG2=Sounddateien der Shuttle-Systeme | |||
|ÜBERSCHRIFT=Multimedia-Dateien zum Shuttle | |||
|BREITE=420 | |BREITE=420 | ||
|HÖHE=321 | |||
|MEHRERE=2 | |||
}}</pre> | }}</pre> | ||
ergibt | ergibt | ||
<ul class="gallery" style="max-width: | <ul class="gallery" style="max-width: 864px; width: 864px;"> | ||
<li class="gallerycaption">Multimedia-Dateien zum Shuttle</li> | |||
<li class="gallerybox" style="width: 420px;"><div style="width: 420px"> | |||
<div class="thumb" style="width: 415px;"><div style="margin:19px auto; height: 321px;"> | |||
{{#vplayer:video="https://www.youtube.com/watch?v=LklN5L6aWj0"|width="400"|height="300"}} | |||
</div></div> | |||
<div class="gallerytext"><p>Webisode über das Shuttle</p></div> | |||
</div></li> | |||
<li class="gallerybox" style="width: 420px;"><div style="width: 420px"> | |||
<div class="thumb" style="width: 415px;"><div style="margin: 19px auto; height: 321px;"> | |||
<playmp3>SGU 1x13 Shuttleantrieb.mp3</playmp3><br /><playmp3>SGU 1x11 Shuttlewaffen.mp3</playmp3> | |||
</div></div> | |||
<div class="gallerytext"><p>Sounddateien der Shuttle-Systeme</p></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: {{#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>{{#if:{{{KEINEBESCHREIBUNG|}}}|| | |||
<div class="gallerytext"> | |||
<p>{{{BESCHREIBUNG|<nowiki><Beschreibung></nowiki>}}}</p> | |||
</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>{{#if:{{{KEINEBESCHREIBUNG|}}}|| | |||
<div class="gallerytext"> | <div class="gallerytext"> | ||
<p> | <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;">{{{INHALT2|<nowiki><Inhalt2></nowiki>}}}</div></div>{{#if:{{{KEINEBESCHREIBUNG|}}}|| | ||
< | |||
}}</ | |||
<div class="gallerytext"> | <div class="gallerytext"> | ||
<p> | <p>{{{BESCHREIBUNG2|<nowiki><Beschreibung2></nowiki>}}}</p> | ||
< | </div>}}</div></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;">{{{INHALT3|<nowiki><Inhalt3></nowiki>}}}</div></div>{{#if:{{{KEINEBESCHREIBUNG|}}}|| | |||
</ | |||
<div class="gallerytext"> | <div class="gallerytext"> | ||
<p>{{{ | <p>{{{BESCHREIBUNG3|<nowiki><Beschreibung3></nowiki>}}}</p> | ||
</div></div></li></ul> | </div>}}</div></li>}}</ul> | ||
</includeonly> | </includeonly> | ||