Ortsteil Reichelsheim / Ortsbefestigung / Hexenturm / Bilder: Unterschied zwischen den Versionen

Aus Historisches Reichelsheim
 
(29 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 2: Zeile 2:
  
  
−
== Bildergalerie zum Durchblättern (gallery mode="slideshow" funktioniert in dieser Wiki-Version leider nicht) ==
+
== 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"
  
−
<div style="max-height:250px"><gallery mode="slideshow">
+
<gallery mode="slideshow" caption="Test zum Slideshowmodus" style="max-width:350px">
 
  turmgasse.jpg|Bild 1
 
  turmgasse.jpg|Bild 1
−
  TurmgasseOW .jpg|Bild 2
+
  Rhm Hexenturm mit eingeknickter Haube.jpg|Bild 2
−
Hexenturm mit Storch.jpg|Bild 3
+
  TurmgasseOW .jpg|Bild 3
−
turmgasse.jpg|Bild 4
+
  Hexenturm mit Storch.jpg|Bild 4
−
  TurmgasseOW .jpg|Bild 5
+
</gallery>
−
  Hexenturm mit Storch.jpg|Bild 6
 
−
turmgasse.jpg|Bild 7
 
−
TurmgasseOW .jpg|Bild 8
 
−
Hexenturm mit Storch.jpg|Bild 9
 
−
</gallery></div>
 
−
 
 
−
 
 
  
 
== Bildergalerie ohne Rahmen an Oberkante ausgerichtet ==
 
== Bildergalerie ohne Rahmen an Oberkante ausgerichtet ==
Zeile 23: Zeile 16:
 
<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
 
</gallery>
 
</gallery>
 +
<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
−
  turmgasse.jpg|packed
+
  </gallery>
−
</gallery>
+
<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 ==
Zeile 41: Zeile 41:
 
  Hexenturm mit Storch.jpg|packed-overlay
 
  Hexenturm mit Storch.jpg|packed-overlay
 
</gallery>
 
</gallery>
−
 
+
<br>
 +
<br>
 +
<br>
 
== Bildergalerie ohne Rahmen dynamisch bildschirmmittig und auf gleiche Höhe ausgerichtet; Beschreibung erscheint, wenn man mit der Maus darüber fährt ==
 
== 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"
 
siehe auch --> https://de.wikipedia.org/wiki/Hilfe:Galerie#mode="packed-hover"
Zeile 49: Zeile 51:
 
  Hexenturm mit Storch.jpg|packed-hover
 
  Hexenturm mit Storch.jpg|packed-hover
 
</gallery>
 
</gallery>
−
 
+
<br>
 +
<br>
 +
<br>
 
== gerahmte Bildergalerie mit Überschrift zentriert über den Bildern; linksbündig ausgerichtet ==
 
== gerahmte Bildergalerie mit Überschrift zentriert über den Bildern; linksbündig ausgerichtet ==
 
<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  
−
  TurmgasseOW .jpg|mit Galerie- und Bildtitel
+
  Rhm Hexenturm mit eingeknickter Haube.jpg|mit Galerie- und Bildtitel
−
  turmgasse.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
 
</gallery>
 
</gallery>
 +
<br>
 +
<br>
 +
<br>
  
−
== gerahmte Bildergalerie mit Bildschirm zentrierter Überschrift linksbündig ausgerichtet ==
+
== linksbündig ausgerichtete und gerahmte Bildergalerie mit Überschrift in Bildschirmmitte ==
−
<gallery caption="Hexenturm in der Turmgasse (Überschrift ohne Zentrierung)" showfilename>
+
<gallery caption="Hexenturm in der Turmgasse (Überschrift zentriert in Bildschirmmitte)" showfilename>
−
turmgasse.jpg|mit Galerie- und Bildtitel
 
−
TurmgasseOW .jpg|mit Galerie- und Bildtitel
 
 
  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
 
</gallery>
 
</gallery>
 +
<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 mit Zentrierung)" showfilename>
+
<gallery class="center" caption="Hexenturm in der Turmgasse (Bilder, Text und Überschrift zentriert in Bildschirmmitte)" showfilename>
−
turmgasse.jpg|mit Galerie- und Bildtitel
 
−
TurmgasseOW .jpg|mit Galerie- und Bildtitel
 
 
  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
 
</gallery>
 
</gallery>
−
 
+
<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)]]
−
 
+
<br>
−
== == Anzeige der Informationsseite des Bildes (im gleichen Tab/Fenster) bei Klick auf den Text == ==
+
<br>
 +
<br>
 +
== Anzeige der Informationsseite des Bildes (im gleichen Tab/Fenster) bei Klick auf den Text ==
 
[[:Datei:turmgasse.jpg|Ansichtskarte vom Haus Muhl in der Turmgasse mit dem Hexenturm im Hintergrund - (Datei-Informationsseite wird erst bei Klick auf diese Zeile angezeigt)]]
 
[[:Datei:turmgasse.jpg|Ansichtskarte vom Haus Muhl in der Turmgasse mit dem Hexenturm im Hintergrund - (Datei-Informationsseite wird erst bei Klick auf diese Zeile angezeigt)]]
−
 
+
<br>
−
== gerahmte Bilder (in verschiedenen Größen) mit Text ==
+
<br>
 +
<br>
 +
== 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 93: Zeile 107:
  
 
<div style="clear:both">
 
<div style="clear:both">
 +
<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:120px">
+
<p style="margin-left:130px">
−
margin-left:(hier 120px) heißt Abstand vom linken Rand<br>
+
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 105: 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 '''&lt;del>rich&lt;/del>''' ''&lt;ins>link-text&lt;/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


Bildergalerie zum Durchblättern (gallery mode="slideshow")

Link dazu --> https://de.wikipedia.org/wiki/Hilfe:Galerie#Bilderfolge_zum_Durchblättern_per_Mausklick_–_mode="slideshow"

  • Test zum Slideshowmodus

  • Bild 1

  • Bild 2

  • Bild 3

  • Bild 4

Bildergalerie ohne Rahmen an Oberkante ausgerichtet

  • nolines

  • nolines

  • nolines

  • nolines




Bildergalerie ohne Rahmen dynamisch bildschirmmittig und auf gleiche Höhe ausgerichtet

  • packed

  • packed

  • packed

  • packed




Bildergalerie ohne Rahmen dynamisch bildschirmmittig und auf gleiche Höhe ausgerichtet; Beschreibung im unteren Bildfeld

  • packed-overlay

  • packed-overlay

  • packed-overlay




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"

  • packed-hover

  • packed-hover

  • packed-hover




gerahmte Bildergalerie mit Überschrift zentriert über den Bildern; linksbündig ausgerichtet




linksbündig ausgerichtete und gerahmte Bildergalerie mit Überschrift in Bildschirmmitte




gerahmte Bildergalerie mit Bildschirm zentriert angeordneter Bildergalerie und Überschrift




Anzeige des Vollbildes (im gleichen Tab/Fenster) bei Klick auf den Text

Ansichtskarte vom Haus Muhl in der Turmgasse mit dem Hexenturm im Hintergrund - (Bild wird erst bei Klick auf diese Zeile angezeigt)


Anzeige der Informationsseite des Bildes (im gleichen Tab/Fenster) bei Klick auf den Text

Ansichtskarte vom Haus Muhl in der Turmgasse mit dem Hexenturm im Hintergrund - (Datei-Informationsseite wird erst bei Klick auf diese Zeile angezeigt)


gerahmte Bilder (in verschiedenen Größen) mit Text im Rahmen

Ansichtskarte vom Haus Muhl in der Turmgasse mit dem Hexenturm im Hintergrund
Ansichtskarte vom Haus Muhl in der Turmgasse mit dem Hexenturm im Hintergrund
Ansichtskarte vom Haus Muhl in der Turmgasse mit dem Hexenturm im Hintergrund





Text neben ungerahmten Bild (nicht umfließend)

Turmgasse.jpg

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]]
Beispiel Ortsteil Beienheim / Vereine / Sport und Gesangvereinigung Beienheim

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><a href="/wiki/Manual:$wgAllowExternalImages" title="Manual:$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.

Abgerufen von „https://reichelsheim-wetterau-wiki.de/index.php?title=Ortsteil_Reichelsheim_/_Ortsbefestigung_/_Hexenturm_/_Bilder&oldid=18017“