Vorlage:Animation: Unterschied zwischen den Versionen

aus Stargate Wiki, dem deutschsprachigen Stargate-Lexikon
Zur Navigation springen Zur Suche springen
[gesichtete Version][gesichtete Version]
nach vielen Tests um Panoramafunktion erweitert
K kl. Bugfix: unnötige Verschachtelung von Elementen führte bei mindestens Edge und Opera zu einer kurzen Ausblendung der Animation, wenn man die Maus langsam auf den Button bewegt hat - bei Firefox gab es den Fehler nicht, beim Rest weiß ich nicht.
 
(4 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt)
Zeile 1: Zeile 1:
<includeonly><br /><div align="center">[[:Datei:{{{1|}}}|<jsbutton mover="$j(this).parent().next().next().css('display', $j(this).parent().next().next().css('display') == 'none'?'inline':'none')" style="padding: 0; margin: 0; border: 0 none; cursor: pointer; background-color: transparent; color: inherit; font: inherit;">'''''Animation'''''</jsbutton>]]<br /><span style="display: none;">{{#ifeq:{{{2}}}|panorama|{{Panorama|{{{1}}}|{{{3}}}||{{{4|200}}}px}}|[[Datei:{{{1|}}}]]}}</span></div></includeonly><noinclude>
<includeonly><br /><div align="center">[[:Datei:{{{1|}}}|<jsbutton mover="$j(this).parent().next().next().css('display', $j(this).parent().next().next().css('display') == 'none'?'inline':'none')" style="padding: 0; margin: 0; border: none; cursor: pointer; background-color: transparent; color: inherit; font: inherit; font-weight: bold; font-style: italic;">Animation</jsbutton>]]<br /><span style="display: none;">[[Datei:{{{1|}}}|{{{2|200}}}px]]</span></div></includeonly><noinclude>
== Beschreibung ==
== Beschreibung ==
Diese Vorlage ist zur Darstellung von Animationen im GIF-Format.
Diese Vorlage dient zur Darstellung von Animationen im GIF-Format.
<nowiki>{{Animation|Dateiname.gif}}</nowiki>
<pre>{{Animation|Dateiname.gif}}</pre>


Bei normaler Benutzung bestimmt der erste und einzige Parameter den Dateinamen der GIF-Animation.
Bei normaler Benutzung bestimmt der erste und einzige Parameter den Dateinamen der GIF-Animation.


Es ist allerdings auch möglich, falls die Animation größer als das Standbild in das sie eingebunden wird ist, weitere Parameter zu nutzen um eine Panoramaansicht der Animation zu erzeugen. Für die Ursprungsvorlage dieser Funktion siehe [[Vorlage:Panorama]].
Es ist allerdings auch möglich, die Größe der eingebundenen Animation zu verändern. Dies geschieht mit der Nutzung eines zweiten Parameters, der dann einfach mit der gewünschten Breite (ohne die Einheit px!) belegt wird. Wird hier kein Wert angegeben, so geht die Vorlage von der Standardgröße 200px aus.


Wenn eine Panoramaansicht erzeugt werden soll, wird nach dem ersten, den Dateinamen bestimmenden, Parameter ein zweiter mit dem Wert „panorama“ angegeben. Ab hier erkennt die Vorlage, dass eine Panoramaansicht erzeugt werden soll. Nach diesem zweiten Parameter kommt ein dritter, der die Bildbreite der GIF-Animation (ohne Einheit!) angibt. Diese findet sich in der Dateibeschreibung. Dieser Wert muss vorhanden sein, sonst läuft die Animation nicht. Zuletzt wird als vierter Parameter die eingestellte Größe des Standbildes (wieder ohne Einheit!), in das die Animation eingebaut wird, übermittelt. Wird hier kein Wert angegeben, so geht die Vorlage von der Standardgröße 200px aus.
== Anwendungsbeispiele ==
<nowiki>[[Datei:Ikarus zerstoert.png|220px|thumb|Der Planet explodiert.{{Animation|Ikarus explosion.gif}}]]</nowiki>
[[Datei:Ikarus zerstoert.png|220px|thumb|Der Planet explodiert.<br /><div align="center">[[:Datei:Ikarus explosion.gif|<jsbutton mover="$j(this).parent().next().next().css('display', $j(this).parent().next().next().css('display') == 'none'?'inline':'none')" style="padding: 0; margin: 0; border: none; cursor: pointer; background-color: transparent; color: inherit; font: inherit; font-weight: bold; font-style: italic;">Animation</jsbutton>]]<br /><span style="display: none;">[[Datei:Ikarus explosion.gif|200px]]</span></div>]]wird zu


== Anwendungsbeispiele ==
[[Kategorie:Artikelbausteine|Animation]]
<nowiki>[[Datei:Ikarus zerstoert.png|220px|thumb|Der Planet explodiert {{Animation|Ikarus explosion.gif}}]]</nowiki>
[[Datei:Ikarus zerstoert.png|220px|thumb|Der Planet explodiert <br />''<div align="center">[[:Datei:Ikarus explosion.gif|<jsbutton mover="$j(this).parent().next().next().css('display', $j(this).parent().next().next().css('display') == 'none'?'inline':'none')" style="padding: 0; margin: 0; border: 0 none; cursor: pointer; background-color: transparent; color: inherit; font: inherit;">'''''Animation'''''</jsbutton>]]<br /><span style="display: none;">[[Datei:Ikarus explosion.gif]]</span></div>'']]wird zu
{{Clear}}
<nowiki>[[Datei:Ikarus zerstoert.png|200px|thumb|Der Planet explodiert {{Animation|Ikarus explosion.gif|panorama|220}}]]</nowiki>
[[Datei:Ikarus zerstoert.png|200px|thumb|Der Planet explodiert <br /><div align="center">[[:Datei:Ikarus explosion.gif|<jsbutton mover="$j(this).parent().next().next().css('display', $j(this).parent().next().next().css('display') == 'none'?'inline':'none')" style="padding: 0; margin: 0; border: 0 none; cursor: pointer; background-color: transparent; color: inherit; font: inherit;">'''''Animation'''''</jsbutton>]]<br /><span style="display: none;">{{Panorama|Ikarus explosion.gif|220||200px}}</span></div>]]wird zu
[[Kategorie:Vorlage|Animation]]
</noinclude>
</noinclude>

Aktuelle Version vom 10. August 2015, 18:55 Uhr

^Beschreibung

Diese Vorlage dient zur Darstellung von Animationen im GIF-Format.

{{Animation|Dateiname.gif}}

Bei normaler Benutzung bestimmt der erste und einzige Parameter den Dateinamen der GIF-Animation.

Es ist allerdings auch möglich, die Größe der eingebundenen Animation zu verändern. Dies geschieht mit der Nutzung eines zweiten Parameters, der dann einfach mit der gewünschten Breite (ohne die Einheit px!) belegt wird. Wird hier kein Wert angegeben, so geht die Vorlage von der Standardgröße 200px aus.

^Anwendungsbeispiele

[[Datei:Ikarus zerstoert.png|220px|thumb|Der Planet explodiert.{{Animation|Ikarus explosion.gif}}]]
Der Planet explodiert.

wird zu