Hilfe:Wiki/MediaWiki/Bilder

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

Hochladen von neuen Bildern


SVG im SELF-Wiki

SVG können problemlos hochgeladen und referenziert werden.[1]

Beachten Sie: SVG-Grafiken im Wiki
SVG-Grafiken werden durch die MediaWiki-Software nicht direkt gerendert.
Es werden als Fallback für ältere (mittlerweile ausgestorbene) Browser Vorschau-Grafiken im png-Format erstellt.
  • Dieses Skript benötigt die in HTML5 eigentlich nicht mehr notwendige Angabe type="text/css", damit die style-Festlegungen berücksichtigt werden.
  • Anstelle der mittlerweile gültigen Referenzierung mit href muss die „klassische“ Variante mit xlink:href verwendet werden.
Hauptartikel: SVG/Tutorials/Einstieg/SVG mit CSS stylen#XML vs. CSS

vorhandene Bilder finden

Bilder einfügen

Bilder sind immer Links zur Seite des Bildes.

Um ein Bild in einer Seite zu verwenden, nutzen Sie einen internen Link in der folgenden Form:

Bilder ohne Beschriftung

[[Datei:Datei.jpg|Alternativer Text]] 

Das Bild wird inline in seiner ursprünglichen Größe dargestellt. Der Alternative Text wird als Wert sowohl für das alt-Attribut des Bildes als auch für das title-Attribut des Links verwendet.

Unterschiedliche Werte für den alt-Text und das title-Attribut erhalten Sie durch:

[[Datei:Datei.jpg|alt=Alternativer Text|Bildbeschreibung]] 


[[Datei:Datei.jpg|Alternativer Text|Bildbeschreibung]] führt hingegen dazu, dass der Text „Bildbschreibung“ für alt und title verwendet wird.

Sie können dem Bild eine Breite vorgeben

[[Datei:Datei.jpg|320px|alt=Alternativer Text|Bildbeschreibung]]

oder es vom Text umfließen lassen

[[Datei:Datei.jpg|right|Alternativer Text]]

Die Angaben sind dabei sowohl in englisch als auch deutsch möglich.

Bilder mit abweichendem Linkziel

Im Normalfall sind Bilder Links zur Seite des Bildes. Möchten Sie auf eine andere Seite verlinken, verwenden Sie den Paramter link.

[[Datei:Datei.jpg|link=HTML]]

Vorschauansicht

Mithilfe des Parameters thumb erzielen Sie eine 180px breite Vorschauansicht, welche nach rechts gefloatet ist.

[[Datei:Datei.png|thumb|Beschriftung]]

Die Beschriftung wird hierbei lediglich als Beschriftung unterhalb des Bildes angezeigt, das alt-Attribut des Bildes ist leer.

Auch hier können Sie eine Breite vorgeben sowie das Floaten durch die Angabe von none unterbinden.

Die Vorlage {{Clear}} beendet das Floaten.


Bildergalerie

<gallery caption="Überschrift der Galerie">
Beispiel.jpg|Alternative Beschreibung1
Beispiel.jpg|Alternative Beschreibung2 [[Mit Link]]
</gallery>

Medien-Datei

für einen direkten Link auf die Datei, ohne Darstellung der Datei

[[Medium:Datei.ogg]]

Floats aufheben

Gefloatete Bilder ragen teilweise in den nächsten Absatz oder gar die Überschrift. Dies kann durch Verwendung der Vorlage {{Clear}} unterbunden werden.

Weblinks

  1. SELF-Forum: SVG im Wiki vom 13.07.2021