Menü aufrufen
Toggle preferences menu
Persönliches Menü aufrufen
Nicht angemeldet
Ihre IP-Adresse wird öffentlich sichtbar sein, wenn Sie Änderungen vornehmen.

Vorlage:Animation: Unterschied zwischen den Versionen

aus Stargate Wiki, dem deutschsprachigen Stargate-Lexikon
[gesichtete Version][gesichtete Version]
Naboo N1 Starfighter (Diskussion | Beiträge)
K kat
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.
 
(3 dazwischenliegende Versionen desselben Benutzers 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 ==
<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:Artikelbausteine|Animation]]
[[Kategorie:Artikelbausteine|Animation]]
</noinclude>
</noinclude>