Wikipedia:Archiv/Hilfe:Bilder
[[Bild:Naarden kl.JPG|Foto von Naarden, Gemeinde in der Provinz Nordholland]] |
Einfügen eines Links zur Bildbeschreibung
[Quelltext bearbeiten]Durch einen Klick auf ein hochgeladenes Bild erscheint eine Seite mit einer Beschreibung dieses Bildes. Auf diese kann auch direkt verwiesen werden, indem man vor das Wort Bild einen Doppelpunkt setzt.
[[:Bild:Rotkehlchen 01.jpg|Bildbeschreibung]] |
Einfügen mit Zoom
[Quelltext bearbeiten]Auf eine hochgeladene Datei kann auch direkt verwiesen werden, indem man das Wort Media nutzt. Dies wird häufig angewendet, wenn eine größere Version des Bildes verfügbar ist. Oft will man auf der Seite eines Artikels nur eine kleine Version des Bildes zeigen, eine größere Version soll per Mausklick aufrufbar sein. (Mit Media lassen sich auch Musikdateien verlinken!)
[[media:Schnaderhüpfel.mid|Link auf eine Melodie]] |
Oft will man auf der Seite eines Artikels nur eine kleine Version des Bildes zeigen, eine größere Version soll per Mausklick aufrufbar sein. Dies kann man ebenfalls mit media: machen.
Schneehase
Bild vergrößern
[[Bild:Arctic Hare.jpg|Schneehase im Unterholz]] Schneehase [[Media:Arctic Hare.jpg|Bild vergrößern]] |
Einfügen mit Textumfluss und Bildunterschrift
[Quelltext bearbeiten]
Hier mit div,
zentriertem Text
und Abstand
Bilder kann man auch neben den Text stellen, so dass sie vom Text umflossen werden und sich schön in den Text einfügen. Das kann z.B. durch <div> (Bild) </div> erzielt werden. Die Eigenschaft style="float:left" für Bild links beziehungsweise style="float:right" für Bild rechts vom Text muss angegeben werden. Damit der Text nicht gar so stark am Bild "klebt", empfiehlt es sich, einen kleinen Abstand zu definieren, z. B. durch "padding-left:10px"
<div style="float:right;text-align:center;padding-left:15px"> [[Bild:Flag of Mali.svg|125px|Nationalflagge von Mail]]<br /> Hier mit div,<br /> zentriertem Text<br /> und Abstand</div> |
Einfügen mit Textumfluss, Bildunterschrift und Zoom
[Quelltext bearbeiten]
Dresdner Kreuzkirche um 1900
Bild vergrößern
Und dies ist ein Beispiel, wie man erreichen kann, dass zusätzlich zum Textumfluss und zur Bildunterschrift eine Zoom-Möglichkeit (Vergrößerung) erscheint; es muss ein Media:-Verweis gesetzt werden. Hier der Code zum Ausschneiden:
<div style="float:right; text-align:center; padding-left:20px; padding-bottom:15px; font-size:smaller"> [[Bild:Dresden Kreuzkirche 1900.jpg|150px|Dresdner Kreuzkirche um 1900]]<br /> Dresdner Kreuzkirche um 1900<br /> [[Media:Dresden Kreuzkirche 1900.jpg|Bild vergrößern]] </div> |
Einfügen nach der neuen Methode
[Quelltext bearbeiten]
Amsterdams Stadtteil IJburg mit der IJbrug - Bild vergrößern |
Seit Ende 2003 steht eine neue Tabellensyntax zur Verfügung; die Ergebnisse sind, was die Bilder betrifft noch nicht immer optimal, jedoch empfiehlt sich deren Anwendung aus Gründen der Vereinheitlichung.
{| class="rimage" style="text-align:left;"
| [[Bild:IJburg kl.JPG|Amsterdams Stadtteil IJburg mit der ''IJbrug'']]
[[Amsterdam]]s Stadtteil [[IJburg]] mit der ''[[IJbrug]]'' -
[[Media:Hildesheim um 1900.jpg|Bild vergrößern]]
|}
|
|
Amsterdams Stadtteil IJburg mit der IJbrug - Bild vergrößern |
Und so bekommt man das Bild auf die linke Seite (übrigens, mehrzeilige Bildunterschriften lesen sich angenehmer, wenn man den Text mittels text-align:left; linksbündig ausrichtet):
{| class="rimage" style="float:left;margin-right:20px;margin-left:0px;text-align:left;"
| [[Bild:IJburg kl.JPG|Amsterdams Stadtteil IJburg mit der ''IJbrug'']]
[[Amsterdam]]s Stadtteil [[IJburg]] mit der ''[[IJbrug]]'' -
[[Media:Hildesheim um 1900.jpg|Bild vergrößern]]
|}
|
Alte Syntax
[Quelltext bearbeiten]Die alte Syntax für Bilder ist [[Bild:Westminstpalace.jpg|Text der Bildbeschreibung]]. Das Bild wird inline angezeigt und die Beschreibung als alt-Attribut verwendet (alternativer Text, wenn das Bild nicht angezeigt werden kann, z. B. bei Screenreadern), sowie als das title-Attribut (zusätzlicher Text, der zum Beispiel als Tooltipp angezeigt wird, wenn sich die Maus über dem Bild befindet).