Hilfe:Wiki/MediaWiki/Bilder

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

Hochladen von neuen Bildern


SVG im SELF-Wiki

Mediawiki erzeugt ab Werk für SVG-Grafiken Vorschaubilder in verschiedenen Auflösungen und bindet diese in den Artikeln ein. Das geschah früher, weil der Internet Explorer kein SVG unterstützt hat. Heute geschieht es vor allem, weil man mit „geschickt“ konstruiertem SVG sehr einfach den Browser des Anwenders abschießen kann.

Da der Internet Explorer Geschichte ist, umgeht der Selfhtml-Skin diese Vorschaulösung und bindet auch SVG-Grafiken direkt ein (SVG-Replacer). Gib deshalb bitte Acht, wenn Du eigene Grafiken erstellst, dass sie den Browser nicht belasten. Wir sichten alle neuen Grafiken und kontrollieren sie auf technische Risiken.

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 Parameter link.

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

Möchten Sie gar keinen Link erstellen, geben Sie durch link= ein leeres Linkziel an.

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

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