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

Aus Historisches Reichelsheim
Zeile 126: Zeile 126:
 
== per Klick auf das Bild auf eine verlinkte Seite wechseln ==
 
== 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>
+
*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 Bildes aktuelles Bild 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>
 
 
 
  
 +
*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 ==
 
== Dateien anderer Webseiten verlinken ==

Version vom 19. Juni 2022, 13:58 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"

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




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 Bildes aktuelles Bild 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.