Hilfe:Bilder: Unterschied zwischen den Versionen

Aus TeeWiki
Zur Navigation springen Zur Suche springen
(Die Seite wurde neu angelegt: „==Syntax== Normalerweise würdest Du '''erst ein Bild in das Wiki hochladen''' (siehe Hilfe:Dateien) ''bevor'' Du den folgenden Wikitext verwendest, um das…“)
 
K
 
Zeile 1: Zeile 1:
==Syntax==
==Syntax==
Normalerweise würdest Du '''erst ein Bild in das Wiki hochladen''' (siehe [[Hilfe:Dateien]]) ''bevor'' Du den folgenden Wikitext verwendest, um das Bild im Artikel einzubinden. In der deutschen MediaWiki Version kann statt <tt>File:</tt> auch <tt>Datei:</tt> verwendet werden (<tt>Image:</tt> bzw. <tt>Bild:</tt> funktionieren aus Kompatibilitätsgründen weiterhin, siehe Absatz ''Configuration changes in 1.14'' in den [http://svn.wikimedia.org/viewvc/mediawiki/branches/REL1_14/phase3/RELEASE-NOTES?view=markup Release Notes]).
Normalerweise würdest Du '''erst ein Bild in das Wiki hochladen''' (siehe [[Hilfe:Dateien]]) ''bevor'' Du den folgenden Wikitext verwendest, um das Bild im Artikel einzubinden.  


<div style="border:1px solid #fff; padding-left: 0.5em !important;  background-color:transparent; border-width:0 0 0 0.5em; clear:both">
<div style="border:1px solid #fff; padding-left: 0.5em !important;  background-color:transparent; border-width:0 0 0 0.5em; clear:both">
Zeile 11: Zeile 11:
|Eingebettetes Bild<br /> (mit alt Text)
|Eingebettetes Bild<br /> (mit alt Text)
|
|
<code><nowiki>[[File:Example.jpg|Sonnenblumen]]</nowiki></code>
<code><nowiki>[[Datei:Example.jpg|Sonnenblumen]]</nowiki></code>
|
|
[[File:Example.jpg|Sonnenblumen]]
[[Datei:Example.jpg|Sonnenblumen]]
|-
|-
|Link zu einer Bildseite
|Link zu einer Bildseite
|
|
<code><nowiki>[[:File:Example.jpg]]</nowiki></code><br />
<code><nowiki>[[:Datei:Example.jpg]]</nowiki></code><br />
<code><nowiki>[[:File:Example.jpg|Sonnenblumen]]</nowiki></code>
<code><nowiki>[[:Datei:Example.jpg|Sonnenblumen]]</nowiki></code>
|
|
[[:File:Example.jpg]]<br />
[[:Datei:Example.jpg]]<br />
[[:File:Example.jpg|Sonnenblumen]]
[[:Datei:Example.jpg|Sonnenblumen]]
|-
|-
|direkter Link zur Bilddatei
|direkter Link zur Bilddatei
Zeile 33: Zeile 33:
|Thumbnail<br /> (zentriert, 100 Pixel<br /> breite, mit Beschriftung)
|Thumbnail<br /> (zentriert, 100 Pixel<br /> breite, mit Beschriftung)
|
|
<code><nowiki>[[File:Example.jpg|center|thumb|100px|Sonnenblumen]]</nowiki></code>
<code><nowiki>[[Datei:Example.jpg|center|thumb|100px|Sonnenblumen]]</nowiki></code>
|
|
[[File:Example.jpg|center|thumb|100px|Sonnenblumen]]
[[Datei:Example.jpg|center|thumb|100px|Sonnenblumen]]
|}
|}
</div>
</div>


Um ein Bild oder eine andere Datei einbinden zu können, die [[Help:Managing files/de|hochgeladen wurde]], verwende:
Um ein Bild oder eine andere Datei einbinden zu können, die [[Help:Managing files/de|hochgeladen wurde]], verwende:
*<code><nowiki>[[File:Example.jpg]]</nowiki></code>
*<code><nowiki>[[Datei:Example.jpg]]</nowiki></code>
Wenn du einen Hochstrich (|) und etwas Text nach dem Dateinamen eingibst, wird der Text als alternativer Text für nur Text Browser verwendet. Notwendig ist diese Angabe jedoch auch für ein barrierefreies Internet zum Beispiel für Menschen mit Sehbehinderung.
Wenn du einen Hochstrich (|) und etwas Text nach dem Dateinamen eingibst, wird der Text als alternativer Text für nur Text Browser verwendet. Notwendig ist diese Angabe jedoch auch für ein barrierefreies Internet zum Beispiel für Menschen mit Sehbehinderung.
*<code><nowiki>[[File:Example.jpg|alternative Text]]</nowiki></code>
*<code><nowiki>[[Datei:Example.jpg|alternative Text]]</nowiki></code>


Falls das Bild nicht angezeigt werden soll, kann ein direkter Link auf die Bildbeschreibungsseite, durch Hinzufügen eines Doppelpunktes, erfolgen.
Falls das Bild nicht angezeigt werden soll, kann ein direkter Link auf die Bildbeschreibungsseite, durch Hinzufügen eines Doppelpunktes, erfolgen.
*<code><nowiki>[[:File:Example.jpg]]</nowiki></code>
*<code><nowiki>[[:Datei:Example.jpg]]</nowiki></code>
Um die Bild Beschreibungsseite zu umgehen und direkt zu der Datei zu verlinken, muss der Pseudo Namespace "Media" verwendet werden.
Um die Bild Beschreibungsseite zu umgehen und direkt zu der Datei zu verlinken, muss der Pseudo Namespace "Media" verwendet werden.
*<code><nowiki>[[Media:Example.jpg]]</nowiki></code>
*<code><nowiki>[[Media:Example.jpg]]</nowiki></code>
Alternativ kann auch ein abweichender Text angezeigt werden.
Alternativ kann auch ein abweichender Text angezeigt werden.
*<code><nowiki>[[:File:Example.jpg|link text]]</nowiki></code>
*<code><nowiki>[[:Datei:Example.jpg|link text]]</nowiki></code>
*<code><nowiki>[[Media:Example.jpg|link text]]</nowiki></code>
*<code><nowiki>[[Media:Example.jpg|link text]]</nowiki></code>


===erweiterte Optionen===
===erweiterte Optionen===
Die komplette Syntax um ein Bild anzuzeigen ist:
Die komplette Syntax um ein Bild anzuzeigen ist:
  <code><nowiki>[[File:{name}|{options}]]</nowiki></code>
  <code><nowiki>[[Datei:{name}|{options}]]</nowiki></code>
Optionen müssen nicht gewählt werden. Bei mehreren müssen diese mit vertikalen Strichen getrennt werden:
Optionen müssen nicht gewählt werden. Bei mehreren müssen diese mit vertikalen Strichen getrennt werden:
*<code>thumb</code> oder <code>thumbnail</code>, <code>frame</code>: steuert wie ein Bild formatiert wird
*<code>thumb</code> oder <code>thumbnail</code>, <code>frame</code>: steuert wie ein Bild formatiert wird
Zeile 67: Zeile 67:
<code><nowiki>
<code><nowiki>
<gallery>
<gallery>
File:{dateiname}|{Beschreibung}
Datei:{dateiname}|{Beschreibung}
File:{dateiname}|{Beschreibung}
Datei:{dateiname}|{Beschreibung}
{...}
{...}
</gallery>
</gallery>
Zeile 76: Zeile 76:


   <nowiki><gallery>
   <nowiki><gallery>
  File:Example.jpg|Item 1
  Datei:Example.jpg|Item 1
  File:Example.jpg|Ein Link zur [[Hilfe:Übersicht|Hilfe Übersichtsseite]]
  Datei:Example.jpg|Ein Link zur [[Hilfe:Übersicht|Hilfe Übersichtsseite]]
  File:Example.jpg
  Datei:Example.jpg
  File:Example.jpg
  Datei:Example.jpg
  File:Example.jpg|''italic caption''
  Datei:Example.jpg|''italic caption''
  </gallery></nowiki>
  </gallery></nowiki>


wie folgt ausgegeben:
wie folgt ausgegeben:
<gallery>
<gallery>
File:Example.jpg|Item 1
Datei:Example.jpg|Item 1
  File:Example.jpg|Ein Link zur [[Hilfe:Links|Hilfe:Links]]
  Datei:Example.jpg|Ein Link zur [[Hilfe:Links|Hilfe:Links]]
File:Example.jpg
Datei:Example.jpg
File:Example.jpg
Datei:Example.jpg
File:Example.jpg|''italic caption''
Datei:Example.jpg|''italic caption''
</gallery>
</gallery>


Aktuelle Version vom 3. Januar 2016, 20:11 Uhr

Syntax[Quelltext bearbeiten]

Normalerweise würdest Du erst ein Bild in das Wiki hochladen (siehe Hilfe:Dateien) bevor Du den folgenden Wikitext verwendest, um das Bild im Artikel einzubinden.

Beschreibung Wiki Code Ausgabe
Eingebettetes Bild
(mit alt Text)

[[Datei:Example.jpg|Sonnenblumen]]

Sonnenblumen

Link zu einer Bildseite

[[:Datei:Example.jpg]]
[[:Datei:Example.jpg|Sonnenblumen]]

Datei:Example.jpg
Sonnenblumen

direkter Link zur Bilddatei

[[Media:Example.jpg]]
[[Media:Example.jpg|Sonnenblumen]]

Media:Example.jpg
Sonnenblumen

Thumbnail
(zentriert, 100 Pixel
breite, mit Beschriftung)

[[Datei:Example.jpg|center|thumb|100px|Sonnenblumen]]

Sonnenblumen

Um ein Bild oder eine andere Datei einbinden zu können, die hochgeladen wurde, verwende:

  • [[Datei:Example.jpg]]

Wenn du einen Hochstrich (|) und etwas Text nach dem Dateinamen eingibst, wird der Text als alternativer Text für nur Text Browser verwendet. Notwendig ist diese Angabe jedoch auch für ein barrierefreies Internet zum Beispiel für Menschen mit Sehbehinderung.

  • [[Datei:Example.jpg|alternative Text]]

Falls das Bild nicht angezeigt werden soll, kann ein direkter Link auf die Bildbeschreibungsseite, durch Hinzufügen eines Doppelpunktes, erfolgen.

  • [[:Datei:Example.jpg]]

Um die Bild Beschreibungsseite zu umgehen und direkt zu der Datei zu verlinken, muss der Pseudo Namespace "Media" verwendet werden.

  • [[Media:Example.jpg]]

Alternativ kann auch ein abweichender Text angezeigt werden.

  • [[:Datei:Example.jpg|link text]]
  • [[Media:Example.jpg|link text]]

erweiterte Optionen[Quelltext bearbeiten]

Die komplette Syntax um ein Bild anzuzeigen ist: 

[[Datei:{name}|{options}]]

Optionen müssen nicht gewählt werden. Bei mehreren müssen diese mit vertikalen Strichen getrennt werden:

  • thumb oder thumbnail, frame: steuert wie ein Bild formatiert wird
  • left, right, center, none: steuert die Ausrichtung eines Bildes auf der Seite
  • {width}px: passt die Grösse entsprechend der gegebenen Breite an (Beispiel: [[Bild:logo.jpg|80px]])
  • {caption text}

Die Optionen können in jeder beliebigen Reihenfolge stehen. Wenn eine eingegebene Option nicht mit den aufgeführten übereinstimmt, wird diese als Untertitel verwendet. Untertitel können Links oder andere Formatierungen enthalten.

Galerie mit Bildern[Quelltext bearbeiten]

Es ist recht einfach eine Bildergalerie mit Miniaturansichten zu erstellen. Die Syntax hierfür lautet: <gallery> Datei:{dateiname}|{Beschreibung} Datei:{dateiname}|{Beschreibung} {...} </gallery>

Zum Beispiel wird 

 <gallery>
 Datei:Example.jpg|Item 1
 Datei:Example.jpg|Ein Link zur [[Hilfe:Übersicht|Hilfe Übersichtsseite]]
 Datei:Example.jpg
 Datei:Example.jpg
 Datei:Example.jpg|''italic caption''
 </gallery>

wie folgt ausgegeben:

andere Dateien[Quelltext bearbeiten]

Um auf eine externe Datei zu linken kann die selbe Syntax verwendet werden, wie für Links auf eine externe Webseite.

  • [http://url.for/some/image.png]

Oder mit einem anderen Text:

  • [http://url.for/some/image.png link text here]

Abgerufen von „https://www.teewiki.org/index.php?title=Hilfe:Bilder&oldid=42“