Hilfe:Bilder: Unterschied zwischen den Versionen

Aus InkluPedia
(+Panoramabild)
Keine Bearbeitungszusammenfassung
 
(3 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt)
Zeile 1: Zeile 1:
Hier hochgeladene oder bei Wikimedia Commons verfügbare und passend lizenzierte Bilder können auf vielfältige Weise in Artikeln eingebaut werden. Hier nur ein Auszug der Möglichkeiten. Eine Bilddatei kann dabei jeweils mit <nowiki>[[Datei:...]] aber auch [[Bild:...]], [[Image:...]] oder [[File:...]]</nowiki> angegeben werden. Die Größe des Vorschaubildes (Thumbnail) ist Standardmäßig 220 Pixel. Diese Größe kann ein angemeldeter Benutzer in seinen Einstellungen selbst ändern.
In [[InkluPedia]] hochgeladene oder bei [[Wikimedia Commons]] verfügbare und passend lizenzierte Bilder können auf vielfältige Weise in Artikeln eingebaut werden. Hier nur ein Auszug der Möglichkeiten. Eine Bilddatei kann dabei jeweils mit <nowiki>[[Datei:...]] aber auch [[Bild:...]], [[Image:...]] oder [[File:...]]</nowiki> angegeben werden. Die Größe des Vorschaubildes (Thumbnail) ist standardmäßig 220 Pixel. Diese Größe kann ein angemeldeter Benutzer in seinen Einstellungen selbst ändern.


__TOC__
__TOC__
Zeile 56: Zeile 56:
  Datei:Tcho - Chocolate Bar - Six Flavors.jpg|Tcho Schokoladensorten
  Datei:Tcho - Chocolate Bar - Six Flavors.jpg|Tcho Schokoladensorten
</gallery>
</gallery>
Jede Zeile und auch das <code>&lt;gallery></code>-Tag unterstützt folgende Optionen:
;caption=
:Überschrift, die zentriert über der Galerie angeordnet wird. Beispiel: <code>caption=Dies ist die Überschrift</code>
:Hinweis: Einfache Wiki-Syntax wie ein Wikilink ist möglich, nicht aber eigene Elemente
;class=
:Universalattribut – Projektorganisation und projektweite dekorative Eigenschaften
;heights=
:Zahlenwert in Pixeln, der die maximale Bildhöhe angibt. Beispiel: <code>heights=100</code>
;mode=
:Parameter für zusätzliche Darstellungsmethoden:
:Einer von:
:*<code>nolines</code> - keine sichtbare Begrenzungslinie um die einzelnen Bilder, wodurch die Breite der Galerie stark reduziert wird
:*<code>packed</code> - zentriert die Galerie und füllt die Bilder dynamisch auf die Seitenbreite bei einheitlicher Bildhöhe aus
:*<code>packed-hover</code> - modifiziert die Anzeige der Beschriftung, die sich standardmäßig unter den Bildern befindet
:*<code>packed-overlay</code> - modifiziert die Anzeige der Beschriftung, die sich standardmäßig unter den Bildern befindet
:*<code>slideshow</code> - zeigt nur ein Bild gleichzeitig großformatig mit Kontrollelementen an
:*<code>traditional</code> – Vorgabe; entspricht keiner Angabe
;perrow=
:Anzahl der Bilder pro Zeile (englisch ''per row''). Beispiel: <code>perrow=3</code>
:<code>perrow=0</code> ist der Vorgabewert und nutzt die Bildschirmbreite aus
;showfilename
:<code>showfilename=1</code> oder einfach nur <code>showfilename</code> zeigt in der Bildlegende den jeweiligen Medienbezeichner an
:Hinweis: Vorgesehen für Wartungsseiten und Diskussionen über eine Zusammenstellung, nicht für Artikel
;style=
:Universalattribut für dekorative Eigenschaften
;widths=
:Zahlenwert in Pixeln, der eine abweichende Bildbreite angibt. Beispiel: <code>widths=100</code>


== Panoramabild ==
== Panoramabild ==
Zeile 65: Zeile 94:
wird folgendes dargestellt:
wird folgendes dargestellt:
<div style="height: 234px; width: 99%; overflow: auto; padding: 3px;text-align: left; border:solid 1px;" title="braglist - zum scrollen"; > [[File:LaDefense pl.jpg|thumb|1200px|center|Blick vom Eiffelturm auf den Nordwesten der Stadt Paris]]</div>
<div style="height: 234px; width: 99%; overflow: auto; padding: 3px;text-align: left; border:solid 1px;" title="braglist - zum scrollen"; > [[File:LaDefense pl.jpg|thumb|1200px|center|Blick vom Eiffelturm auf den Nordwesten der Stadt Paris]]</div>
== Imagemaps ==
Imagemap ist das englischsprachige Wort für verweissensitive Grafik. Flächen innerhalb einer Grafik kann man damit einen Link zuzuweisen, was zum Beispiel bei Bundesländern oder Kantonen in der Karte des Staates für den Leser hilfreich sein kann.
=== Parameter ===
Die Koordinaten (Einheit: Pixel) der Linkflächen beziehen sich immer auf das Bild in Originalgröße. Sie werden für die verkleinerte Darstellung automatisch heruntergerechnet. Der Nullpunkt ist oben links.
*'''<kbd>poly</kbd>:''' Vieleck. Die Parameter geben die Eckpunkte des Vielecks an, gefolgt von einem Wikilink zum Ziel. Bei Verwendung des Parameters müssen diese Zeilen vor <kbd>rect, circle</kbd> kommen.
*'''<kbd>rect</kbd>:''' Rechteck. Die Parameter beschreiben die Ecken links-oben und rechts-unten, gefolgt von einem Wikilink zum Ziel.
*'''<kbd>circle</kbd>:''' Kreis. Die ersten beiden Parameter geben den Mittelpunkt an, der dritte den Radius. Danach folgt wieder ein Wikilink zum Ziel.
*'''<kbd>desc</kbd>:''' Description. Der Parameter gibt die Ecke vor, in der das klickbare Symbol (ein „i“ im blauen Kreis) zur Dateibeschreibungsseite erscheinen soll. Mögliche Parameter sind <kbd>top-right, bottom-right, bottom-left, top-left, none</kbd>. Standard ist <kbd>bottom-right</kbd>. Die Option <kbd>none</kbd> ist nur erlaubt, wenn das Bild gemeinfrei (PD) ist, ansonsten '''muss''' mit dem Parameter die Möglichkeit gegeben sein, zur Dateibeschreibungsseite mit den Lizenzinformationen zu kommen. Neben den englischen Bezeichnungen sind auch die deutschsprachigen Bezeichnungen <kbd>oben rechts, unten rechts, unten links, oben links, keine</kbd> erlaubt.
*'''<kbd>default</kbd>:''' Optionaler Parameter. Er bestimmt das Standard-Linkziel für die restlichen Flächen.
Um die benötigten Parameter zu bestimmen, kann man die Datei in Originalgröße in einem Grafikprogramm öffnen, um mit der Maus den entsprechenden Punkt auszuwählen und seine Koordinaten aus der Statusleiste abzulesen.


[[Kategorie:Hilfe]]
[[Kategorie:Hilfe]]

Aktuelle Version vom 12. Dezember 2020, 04:58 Uhr

In InkluPedia hochgeladene oder bei Wikimedia Commons verfügbare und passend lizenzierte Bilder können auf vielfältige Weise in Artikeln eingebaut werden. Hier nur ein Auszug der Möglichkeiten. Eine Bilddatei kann dabei jeweils mit [[Datei:...]] aber auch [[Bild:...]], [[Image:...]] oder [[File:...]] angegeben werden. Die Größe des Vorschaubildes (Thumbnail) ist standardmäßig 220 Pixel. Diese Größe kann ein angemeldeter Benutzer in seinen Einstellungen selbst ändern.

Einzelne Bilder

Bemerkungen Ergebnis Eingabe
Bild in voller Größe linksbündig darstellen. (keine Darstellung) [[Datei:Tcho - Chocolate Bar - Six Flavors.jpg|Tcho Schokoladensorten]]
Bild als Vorschaubild rechtsbündig mit Bildunterschrift darstellen.
Tcho Schokoladensorten
[[Datei:Tcho - Chocolate Bar - Six Flavors.jpg|thumb|Tcho Schokoladensorten]]
Bild als Vorschaubild zentriert mit Bildunterschrift darstellen.
Tcho Schokoladensorten
[[Datei:Tcho - Chocolate Bar - Six Flavors.jpg|thumb|center|Tcho Schokoladensorten]]
Bild als Vorschaubild linksbündig mit Bildunterschrift darstellen.
Tcho Schokoladensorten
[[Datei:Tcho - Chocolate Bar - Six Flavors.jpg|thumb|left|Tcho Schokoladensorten]]
Bild als Vorschaubild mit der Breite von 280 Pixel rechtsbündig mit Bildunterschrift darstellen.
Tcho Schokoladensorten
[[Datei:Tcho - Chocolate Bar - Six Flavors.jpg|thumb|280px|Tcho Schokoladensorten]]
Bild als Vorschaubild mit der Höhe von 280 Pixel rechtsbündig mit Bildunterschrift darstellen. Die zugehörige Breite wird aus dem Seitenverhältnis automatisch berechnet.
Tcho Schokoladensorten
[[Datei:Tcho - Chocolate Bar - Six Flavors.jpg|thumb|x280px|Tcho Schokoladensorten]]


Gruppen von Bilder

Mehrere Bilder können nebeneinander als sogenannte Gallerie (Gallery) dargestellt werden. Es werden soviele Bilder nebeneinander dargestellt, wie es im Webbrowser passt. Weitere Bilder werden automatisch in einer neuen Zeile dargestellt.

Durch Eingabe von:

<gallery>
 Datei:Tcho - Schokoladensorte - Citrus.jpg|Tcho - Citrus
 Datei:Tcho - Schokoladensorte - Classic.jpg|Tcho - Classic
 Datei:Tcho - Schokoladensorte - Fruity.jpg|Tcho - Fruity
 Datei:Tcho - Schokoladensorte - Cacao.jpg|Tcho - Cacao
 Datei:Tcho - Chocolate Bar - Six Flavors.jpg|Tcho Schokoladensorten
</gallery>

wird folgendes dargestellt:

Jede Zeile und auch das <gallery>-Tag unterstützt folgende Optionen:

caption=
Überschrift, die zentriert über der Galerie angeordnet wird. Beispiel: caption=Dies ist die Überschrift
Hinweis: Einfache Wiki-Syntax wie ein Wikilink ist möglich, nicht aber eigene Elemente
class=
Universalattribut – Projektorganisation und projektweite dekorative Eigenschaften
heights=
Zahlenwert in Pixeln, der die maximale Bildhöhe angibt. Beispiel: heights=100
mode=
Parameter für zusätzliche Darstellungsmethoden:
Einer von:
  • nolines - keine sichtbare Begrenzungslinie um die einzelnen Bilder, wodurch die Breite der Galerie stark reduziert wird
  • packed - zentriert die Galerie und füllt die Bilder dynamisch auf die Seitenbreite bei einheitlicher Bildhöhe aus
  • packed-hover - modifiziert die Anzeige der Beschriftung, die sich standardmäßig unter den Bildern befindet
  • packed-overlay - modifiziert die Anzeige der Beschriftung, die sich standardmäßig unter den Bildern befindet
  • slideshow - zeigt nur ein Bild gleichzeitig großformatig mit Kontrollelementen an
  • traditional – Vorgabe; entspricht keiner Angabe
perrow=
Anzahl der Bilder pro Zeile (englisch per row). Beispiel: perrow=3
perrow=0 ist der Vorgabewert und nutzt die Bildschirmbreite aus
showfilename
showfilename=1 oder einfach nur showfilename zeigt in der Bildlegende den jeweiligen Medienbezeichner an
Hinweis: Vorgesehen für Wartungsseiten und Diskussionen über eine Zusammenstellung, nicht für Artikel
style=
Universalattribut für dekorative Eigenschaften
widths=
Zahlenwert in Pixeln, der eine abweichende Bildbreite angibt. Beispiel: widths=100


Panoramabild

Ein Panoramabild kann bei entsprechender Höhe und/oder Breite mit einem Scrollbalken dargestellt werden. Durch Eingabe von:

<div style="height: 234px; width: 99%; overflow: auto; padding: 3px;text-align: left; border:solid 1px;" title="braglist - zum scrollen"; >
[[File:LaDefense pl.jpg|thumb|1200px|center|Blick vom Eiffelturm auf den Nordwesten der Stadt Paris]]</div>


wird folgendes dargestellt:

Blick vom Eiffelturm auf den Nordwesten der Stadt Paris

Imagemaps

Imagemap ist das englischsprachige Wort für verweissensitive Grafik. Flächen innerhalb einer Grafik kann man damit einen Link zuzuweisen, was zum Beispiel bei Bundesländern oder Kantonen in der Karte des Staates für den Leser hilfreich sein kann.

Parameter

Die Koordinaten (Einheit: Pixel) der Linkflächen beziehen sich immer auf das Bild in Originalgröße. Sie werden für die verkleinerte Darstellung automatisch heruntergerechnet. Der Nullpunkt ist oben links.

  • poly: Vieleck. Die Parameter geben die Eckpunkte des Vielecks an, gefolgt von einem Wikilink zum Ziel. Bei Verwendung des Parameters müssen diese Zeilen vor rect, circle kommen.
  • rect: Rechteck. Die Parameter beschreiben die Ecken links-oben und rechts-unten, gefolgt von einem Wikilink zum Ziel.
  • circle: Kreis. Die ersten beiden Parameter geben den Mittelpunkt an, der dritte den Radius. Danach folgt wieder ein Wikilink zum Ziel.
  • desc: Description. Der Parameter gibt die Ecke vor, in der das klickbare Symbol (ein „i“ im blauen Kreis) zur Dateibeschreibungsseite erscheinen soll. Mögliche Parameter sind top-right, bottom-right, bottom-left, top-left, none. Standard ist bottom-right. Die Option none ist nur erlaubt, wenn das Bild gemeinfrei (PD) ist, ansonsten muss mit dem Parameter die Möglichkeit gegeben sein, zur Dateibeschreibungsseite mit den Lizenzinformationen zu kommen. Neben den englischen Bezeichnungen sind auch die deutschsprachigen Bezeichnungen oben rechts, unten rechts, unten links, oben links, keine erlaubt.
  • default: Optionaler Parameter. Er bestimmt das Standard-Linkziel für die restlichen Flächen.

Um die benötigten Parameter zu bestimmen, kann man die Datei in Originalgröße in einem Grafikprogramm öffnen, um mit der Maus den entsprechenden Punkt auszuwählen und seine Koordinaten aus der Statusleiste abzulesen.