SELFHTML wird 30 Jahre alt! → Veranstaltungs-Ankündigung.
Hilfe:Wiki/MediaWiki/Bilder
Inhaltsverzeichnis
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.
