Ortsteil Reichelsheim / Ortsbefestigung / Hexenturm / Bilder: Unterschied zwischen den Versionen
(25 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
Zeile 2: | Zeile 2: | ||
− | == Bildergalerie zum Durchblättern (gallery mode="slideshow" | + | == Bildergalerie zum Durchblättern (gallery mode="slideshow") == |
Link dazu --> https://de.wikipedia.org/wiki/Hilfe:Galerie#Bilderfolge_zum_Durchblättern_per_Mausklick_–_mode="slideshow" | Link dazu --> https://de.wikipedia.org/wiki/Hilfe:Galerie#Bilderfolge_zum_Durchblättern_per_Mausklick_–_mode="slideshow" | ||
− | < | + | <gallery mode="slideshow" caption="Test zum Slideshowmodus" style="max-width:350px"> |
turmgasse.jpg|Bild 1 | turmgasse.jpg|Bild 1 | ||
− | + | Rhm Hexenturm mit eingeknickter Haube.jpg|Bild 2 | |
− | + | TurmgasseOW .jpg|Bild 3 | |
− | + | Hexenturm mit Storch.jpg|Bild 4 | |
− | TurmgasseOW .jpg|Bild | + | </gallery> |
− | Hexenturm mit Storch.jpg|Bild | + | |
− | |||
− | |||
− | |||
− | </gallery | ||
− | |||
− | |||
− | |||
== Bildergalerie ohne Rahmen an Oberkante ausgerichtet == | == Bildergalerie ohne Rahmen an Oberkante ausgerichtet == | ||
<gallery mode="nolines"> | <gallery mode="nolines"> | ||
turmgasse.jpg|nolines | turmgasse.jpg|nolines | ||
+ | Rhm Hexenturm mit eingeknickter Haube.jpg|nolines | ||
TurmgasseOW .jpg|nolines | TurmgasseOW .jpg|nolines | ||
Hexenturm mit Storch.jpg|nolines | Hexenturm mit Storch.jpg|nolines | ||
Zeile 29: | Zeile 23: | ||
<br> | <br> | ||
<br> | <br> | ||
+ | |||
== Bildergalerie ohne Rahmen dynamisch bildschirmmittig und auf gleiche Höhe ausgerichtet == | == Bildergalerie ohne Rahmen dynamisch bildschirmmittig und auf gleiche Höhe ausgerichtet == | ||
<gallery mode="packed"> | <gallery mode="packed"> | ||
turmgasse.jpg|packed | turmgasse.jpg|packed | ||
+ | Rhm Hexenturm mit eingeknickter Haube.jpg|packed | ||
TurmgasseOW .jpg|packed | TurmgasseOW .jpg|packed | ||
Hexenturm mit Storch.jpg|packed | Hexenturm mit Storch.jpg|packed | ||
− | + | </gallery> | |
− | </gallery> | ||
<br> | <br> | ||
<br> | <br> | ||
<br> | <br> | ||
+ | |||
== Bildergalerie ohne Rahmen dynamisch bildschirmmittig und auf gleiche Höhe ausgerichtet; Beschreibung im unteren Bildfeld == | == Bildergalerie ohne Rahmen dynamisch bildschirmmittig und auf gleiche Höhe ausgerichtet; Beschreibung im unteren Bildfeld == | ||
<gallery mode="packed-overlay"> | <gallery mode="packed-overlay"> | ||
Zeile 61: | Zeile 57: | ||
<gallery perrow="5" caption="Hexenturm in der Turmgasse (zentrierte Überschrift bei 5 Bilder)" showfilename> | <gallery perrow="5" caption="Hexenturm in der Turmgasse (zentrierte Überschrift bei 5 Bilder)" showfilename> | ||
turmgasse.jpg|mit Galerie- und Bildtitel | turmgasse.jpg|mit Galerie- und Bildtitel | ||
− | + | Rhm Hexenturm mit eingeknickter Haube.jpg|mit Galerie- und Bildtitel | |
− | + | TurmgasseOW .jpg|mit Galerie- und Bildtitel | |
TurmgasseOW .jpg|mit Galerie- und Bildtitel | TurmgasseOW .jpg|mit Galerie- und Bildtitel | ||
Hexenturm mit Storch.jpg|mit Galerie- und Bildtitel | Hexenturm mit Storch.jpg|mit Galerie- und Bildtitel | ||
Zeile 69: | Zeile 65: | ||
<br> | <br> | ||
<br> | <br> | ||
+ | |||
== linksbündig ausgerichtete und gerahmte Bildergalerie mit Überschrift in Bildschirmmitte == | == linksbündig ausgerichtete und gerahmte Bildergalerie mit Überschrift in Bildschirmmitte == | ||
− | <gallery caption="Hexenturm in der Turmgasse (Überschrift | + | <gallery caption="Hexenturm in der Turmgasse (Überschrift zentriert in Bildschirmmitte)" showfilename> |
− | |||
− | |||
turmgasse.jpg|mit Galerie- und Bildtitel | turmgasse.jpg|mit Galerie- und Bildtitel | ||
+ | Rhm Hexenturm mit eingeknickter Haube.jpg|mit Galerie- und Bildtitel | ||
TurmgasseOW .jpg|mit Galerie- und Bildtitel | TurmgasseOW .jpg|mit Galerie- und Bildtitel | ||
Hexenturm mit Storch.jpg|mit Galerie- und Bildtitel | Hexenturm mit Storch.jpg|mit Galerie- und Bildtitel | ||
Zeile 80: | Zeile 76: | ||
<br> | <br> | ||
<br> | <br> | ||
+ | |||
== gerahmte Bildergalerie mit Bildschirm zentriert angeordneter Bildergalerie und Überschrift == | == gerahmte Bildergalerie mit Bildschirm zentriert angeordneter Bildergalerie und Überschrift == | ||
− | <gallery class="center" caption="Hexenturm in der Turmgasse (Bilder, Text und Überschrift | + | <gallery class="center" caption="Hexenturm in der Turmgasse (Bilder, Text und Überschrift zentriert in Bildschirmmitte)" showfilename> |
− | |||
− | |||
turmgasse.jpg|mit Galerie- und Bildtitel | turmgasse.jpg|mit Galerie- und Bildtitel | ||
+ | Rhm Hexenturm mit eingeknickter Haube.jpg|mit Galerie- und Bildtitel | ||
TurmgasseOW .jpg|mit Galerie- und Bildtitel | TurmgasseOW .jpg|mit Galerie- und Bildtitel | ||
Hexenturm mit Storch.jpg|mit Galerie- und Bildtitel | Hexenturm mit Storch.jpg|mit Galerie- und Bildtitel | ||
Zeile 91: | Zeile 87: | ||
<br> | <br> | ||
<br> | <br> | ||
+ | |||
== Anzeige des Vollbildes (im gleichen Tab/Fenster) bei Klick auf den Text == | == Anzeige des Vollbildes (im gleichen Tab/Fenster) bei Klick auf den Text == | ||
[[Media:turmgasse.jpg|Ansichtskarte vom Haus Muhl in der Turmgasse mit dem Hexenturm im Hintergrund - (Bild wird erst bei Klick auf diese Zeile angezeigt)]] | [[Media:turmgasse.jpg|Ansichtskarte vom Haus Muhl in der Turmgasse mit dem Hexenturm im Hintergrund - (Bild wird erst bei Klick auf diese Zeile angezeigt)]] | ||
Zeile 101: | Zeile 98: | ||
<br> | <br> | ||
<br> | <br> | ||
− | == gerahmte Bilder (in verschiedenen Größen) mit Text | + | == gerahmte Bilder (in verschiedenen Größen) mit Text im Rahmen == |
[[Datei:turmgasse.jpg|left|mini|450px|Ansichtskarte vom Haus Muhl in der Turmgasse mit dem Hexenturm im Hintergrund]] | [[Datei:turmgasse.jpg|left|mini|450px|Ansichtskarte vom Haus Muhl in der Turmgasse mit dem Hexenturm im Hintergrund]] | ||
Zeile 113: | Zeile 110: | ||
<br> | <br> | ||
<br> | <br> | ||
− | == Text neben Bild (nicht umfließend) == | + | |
+ | == Text neben ungerahmten Bild (nicht umfließend) == | ||
[[Datei:turmgasse.jpg|100px|left]] | [[Datei:turmgasse.jpg|100px|left]] | ||
− | <p style="margin-left: | + | <p style="margin-left:130px"> |
− | margin-left:(hier | + | margin-left:(hier 130px) heißt Abstand vom linken Rand<br> |
und muß der Bildbreite (hier 100px) angepasst werden<br> | und muß der Bildbreite (hier 100px) angepasst werden<br> | ||
Text<br> | Text<br> | ||
Zeile 124: | Zeile 122: | ||
</p> | </p> | ||
<div style="clear:both"> | <div style="clear:both"> | ||
+ | |||
+ | |||
+ | == per Klick auf das Bild auf eine verlinkte Seite wechseln == | ||
+ | |||
+ | *Verweis auf einen internen Artikel --> <code style="white-space: nowrap"><nowiki>[[Datei:Dateiname.jpg|rahmenlos|verweis=Name des Artikels]]</nowiki></code><br> | ||
+ | :Beispiel: Verlinkung des aktuellen Bildes der "Rubrik Damals" auf dem Gemeinschaftsportal | ||
+ | |||
+ | *Link auf externe Webseite --> <code style="white-space: nowrap"><nowiki>[[File:Dateiname.JPG|200px|link=https://website]]</nowiki></code><br> | ||
+ | :Beispiel [[Ortsteil Beienheim / Vereine / Sport und Gesangvereinigung Beienheim]] | ||
+ | |||
+ | == Dateien anderer Webseiten verlinken == | ||
+ | |||
+ | Quelle: https://www.mediawiki.org/wiki/Help:Images/de#Verhalten_von_Links | ||
+ | |||
+ | <p>Du kannst mit derselben Syntax, die für das Verknüpfen mit einer externen Webseite verwendet wird, auf eine online verfügbare externe Datei verweisen. | ||
+ | Mit diesen Syntaxen wird das Bild nicht gerendert, sondern nur der Text des Links zu diesem Bild angezeigt. | ||
+ | </p> | ||
+ | <pre>[http://url.for/some/image.png]</pre> | ||
+ | <p>Oder mit einem anderen angezeigten Text: | ||
+ | </p> | ||
+ | <pre>[http://url.for/some/image.png verlinke den Text hier]</pre> | ||
+ | <p>Zusätzliches MediaWiki-Markup oder HTML / CSS-Formatierung (für Inline-Elemente) ist in diesem angezeigten Text zulässig (mit Ausnahme eingebetteter Links, die den umgebenden Link beschädigen würden): | ||
+ | </p> | ||
+ | <pre>[http://www.example.com/some/image.png Beispiel '''<del>rich</del>''' ''<ins>link-text</ins>'' hier.]</pre> | ||
+ | <p>was wiedergegeben wird als: <a rel="nofollow" class="external text" href="http://www.example.com/some/image.png">Beispiel <b><del>rich</del></b> <i><ins>link-text</ins></i> hier.</a> | ||
+ | </p><p>Wenn es in Deinem Wiki aktiviert ist (siehe <a href="/wiki/Special:MyLanguage/Manual:$wgAllowExternalImages" title="Special:MyLanguage/Manual:$wgAllowExternalImages">Handbuch:$wgAllowExternalImages</a><span style="display:none"><a href="/wiki/Manual:$wgAllowExternalImages" title="Manual:$wgAllowExternalImages"> </a></span>), kannst Du auch externe Bilder einbetten. Füge dazu einfach die URL des Bildes ein: | ||
+ | </p> | ||
+ | <pre>http://url.for/some/image.png</pre> | ||
+ | <p>Derzeit können eingebettete Bilder nicht in der Größe verändert werden, sie können jedoch durch umgebendes MediaWiki-Markup oder HTML/CSS-Code formatiert werden. | ||
+ | </p><p>Wenn diese Wiki-Option nicht aktiviert ist, wird das Bild nicht eingebettet, sondern wie oben als Textlink zur externen Site angezeigt. | ||
+ | </p> |
Aktuelle Version vom 19. Juni 2022, 15:02 Uhr
Hier exemplarisch verschiedene Möglichkeiten zur Anzeige und Anordnung von Bilddateien
Inhaltsverzeichnis
- 1 Bildergalerie zum Durchblättern (gallery mode="slideshow")
- 2 Bildergalerie ohne Rahmen an Oberkante ausgerichtet
- 3 Bildergalerie ohne Rahmen dynamisch bildschirmmittig und auf gleiche Höhe ausgerichtet
- 4 Bildergalerie ohne Rahmen dynamisch bildschirmmittig und auf gleiche Höhe ausgerichtet; Beschreibung im unteren Bildfeld
- 5 Bildergalerie ohne Rahmen dynamisch bildschirmmittig und auf gleiche Höhe ausgerichtet; Beschreibung erscheint, wenn man mit der Maus darüber fährt
- 6 gerahmte Bildergalerie mit Überschrift zentriert über den Bildern; linksbündig ausgerichtet
- 7 linksbündig ausgerichtete und gerahmte Bildergalerie mit Überschrift in Bildschirmmitte
- 8 gerahmte Bildergalerie mit Bildschirm zentriert angeordneter Bildergalerie und Überschrift
- 9 Anzeige des Vollbildes (im gleichen Tab/Fenster) bei Klick auf den Text
- 10 Anzeige der Informationsseite des Bildes (im gleichen Tab/Fenster) bei Klick auf den Text
- 11 gerahmte Bilder (in verschiedenen Größen) mit Text im Rahmen
- 12 Text neben ungerahmten Bild (nicht umfließend)
- 13 per Klick auf das Bild auf eine verlinkte Seite wechseln
- 14 Dateien anderer Webseiten verlinken
Bildergalerie zum Durchblättern (gallery mode="slideshow")
Link dazu --> https://de.wikipedia.org/wiki/Hilfe:Galerie#Bilderfolge_zum_Durchblättern_per_Mausklick_–_mode="slideshow"
Bildergalerie ohne Rahmen an Oberkante ausgerichtet
Bildergalerie ohne Rahmen dynamisch bildschirmmittig und auf gleiche Höhe ausgerichtet
Bildergalerie ohne Rahmen dynamisch bildschirmmittig und auf gleiche Höhe ausgerichtet; Beschreibung im unteren Bildfeld
Bildergalerie ohne Rahmen dynamisch bildschirmmittig und auf gleiche Höhe ausgerichtet; Beschreibung erscheint, wenn man mit der Maus darüber fährt
siehe auch --> https://de.wikipedia.org/wiki/Hilfe:Galerie#mode="packed-hover"
gerahmte Bildergalerie mit Überschrift zentriert über den Bildern; linksbündig ausgerichtet
Turmgasse.jpg mit Galerie- und Bildtitel
Rhm Hexenturm mit eingeknickter Haube.jpg mit Galerie- und Bildtitel
TurmgasseOW .jpg mit Galerie- und Bildtitel
TurmgasseOW .jpg mit Galerie- und Bildtitel
Hexenturm mit Storch.jpg mit Galerie- und Bildtitel
linksbündig ausgerichtete und gerahmte Bildergalerie mit Überschrift in Bildschirmmitte
Turmgasse.jpg mit Galerie- und Bildtitel
Rhm Hexenturm mit eingeknickter Haube.jpg mit Galerie- und Bildtitel
TurmgasseOW .jpg mit Galerie- und Bildtitel
Hexenturm mit Storch.jpg mit Galerie- und Bildtitel
gerahmte Bildergalerie mit Bildschirm zentriert angeordneter Bildergalerie und Überschrift
Turmgasse.jpg mit Galerie- und Bildtitel
Rhm Hexenturm mit eingeknickter Haube.jpg mit Galerie- und Bildtitel
TurmgasseOW .jpg mit Galerie- und Bildtitel
Hexenturm mit Storch.jpg mit Galerie- und Bildtitel
Anzeige des Vollbildes (im gleichen Tab/Fenster) bei Klick auf den Text
Anzeige der Informationsseite des Bildes (im gleichen Tab/Fenster) bei Klick auf den Text
gerahmte Bilder (in verschiedenen Größen) mit Text im Rahmen
Text neben ungerahmten Bild (nicht umfließend)
margin-left:(hier 130px) heißt Abstand vom linken Rand
und muß der Bildbreite (hier 100px) angepasst werden
Text
Text
Text
Text
per Klick auf das Bild auf eine verlinkte Seite wechseln
- Verweis auf einen internen Artikel -->
[[Datei:Dateiname.jpg|rahmenlos|verweis=Name des Artikels]]
- Beispiel: Verlinkung des aktuellen Bildes der "Rubrik Damals" auf dem Gemeinschaftsportal
- Link auf externe Webseite -->
[[File:Dateiname.JPG|200px|link=https://website]]
Dateien anderer Webseiten verlinken
Quelle: https://www.mediawiki.org/wiki/Help:Images/de#Verhalten_von_Links
Du kannst mit derselben Syntax, die für das Verknüpfen mit einer externen Webseite verwendet wird, auf eine online verfügbare externe Datei verweisen. Mit diesen Syntaxen wird das Bild nicht gerendert, sondern nur der Text des Links zu diesem Bild angezeigt.
[http://url.for/some/image.png]
Oder mit einem anderen angezeigten Text:
[http://url.for/some/image.png verlinke den Text hier]
Zusätzliches MediaWiki-Markup oder HTML / CSS-Formatierung (für Inline-Elemente) ist in diesem angezeigten Text zulässig (mit Ausnahme eingebetteter Links, die den umgebenden Link beschädigen würden):
[http://www.example.com/some/image.png Beispiel '''<del>rich</del>''' ''<ins>link-text</ins>'' hier.]
was wiedergegeben wird als: <a rel="nofollow" class="external text" href="http://www.example.com/some/image.png">Beispiel rich link-text hier.</a>
Wenn es in Deinem Wiki aktiviert ist (siehe <a href="/wiki/Special:MyLanguage/Manual:$wgAllowExternalImages" title="Special:MyLanguage/Manual:$wgAllowExternalImages">Handbuch:$wgAllowExternalImages</a>
), kannst Du auch externe Bilder einbetten. Füge dazu einfach die URL des Bildes ein:http://url.for/some/image.png
Derzeit können eingebettete Bilder nicht in der Größe verändert werden, sie können jedoch durch umgebendes MediaWiki-Markup oder HTML/CSS-Code formatiert werden.
Wenn diese Wiki-Option nicht aktiviert ist, wird das Bild nicht eingebettet, sondern wie oben als Textlink zur externen Site angezeigt.