Zum Inhalt springen

Vorlage:Galerie

aus Wikipedia, der freien Enzyklopädie

<templatestyles src="Vorlage:Galerie/styles.css" />

fatal JSON error: mw.text.jsonDecode: Steuerzeichenfehler, vermutlich falsch kodiert

{ "description": "Darstellung von gestapelten '''Bildergalerien''', die per Mausklick '''durchgeblättert''' werden<noexport> (Slideshow-Galerien).<br /> Vorgänge und Abläufe, die als Bildsequenz leichter verständlich sind, können so präsentiert werden. Beispielsweise lässt sich die Funktion eines Motors Schritt für Schritt in einzelne Funktionschritte zerlegt anzeigen.

Bis zu 35 Bilder sind theoretisch möglich – meist aber nicht sinnvoll. Beachte hierzu die Hinweise unter Wikipedia:Artikel illustrieren #Klickbare Bilderreihen.</noexport>",
  "params": {
     "Name":
        { "label":       "Titel",
          "description": "Titel der Sequenz",
          "type":        "line",
          "suggested":   true,
          "example":     "Ampelphasen" },
     "Größe":
        { "label":       "Pixel",
          "description": "Bildbreite in Pixeln (ohne “<code>px</code>”)",
          "type":        "number",
          "suggested":   false,
          "default":     "200",
          "example":     "150" },
     "align":
        { "label":       "Ausrichtung",
          "description": "Ausrichtung im Seitenlayout; right / left / none",
          "type":        "line",
          "suggested":   true,
          "default":     "right",
          "example":     "left" },
     "captionalign":
        { "label":       "Textausrichtung",
          "description": "Ausrichtung der Bildunterschrift; right / left / center",
          "type":        "line",
          "suggested":   false,
          "default":     "left",
          "example":     "center" },
     "1":
        { "label":       "Bild1",
          "description": "Seitenname des ersten Bildes (mit “<code>Datei:</code>”)",
          "type":        "wiki-file-name",
          "required":    true,
          "example":     "Datei:Beispiel.jpg" },
     "2":
        { "label":       "Legende1",
          "description": "Legende des ersten Bildes",
          "type":        "line",
          "suggested":   true },
     "3":
        { "label":       "Bild2",
          "description": "Seitenname des zweiten Bildes",
          "type":        "wiki-file-name",
          "required":    true },
     "4":
        { "label":       "Legende2",
          "description": "Legende des zweiten Bildes",
          "type":        "line",
          "suggested":   true },
     "5":
        { "label":       "Bild3",
          "description": "Seitenname des nächsten Bildes",
          "type":        "wiki-file-name",
          "suggested":   true },
     "6":
        { "label":       "Legende3",
          "description": "Legende des nächsten Bildes",
          "type":        "line",
          "suggested":   true },
     "7":
        { "label":       "Bild4",
          "inherits":    "5" },
     "8":
        { "label":       "Legende4",
          "inherits":    "6" },
     "9":
        { "label":       "Bild5",
          "inherits":    "5" },
     "10":
        { "label":       "Legende5",
          "inherits":    "6" },
     "11":
        { "label":       "Bild6",
          "description": "Seitenname des nächsten Bildes",
          "type":        "wiki-file-name",
          "required":    false,
          "suggested":   false },
     "12":
        { "label":       "Legende6",
          "description": "Legende des nächsten Bildes",
          "type":        "line",
          "required":    false,
          "suggested":   false },
     "13":
        { "label":       "Bild7",
          "inherits":    "11" },
     "14":
        { "label":       "Legende7",
          "inherits":    "12" },
     "15":
        { "label":       "Bild8",
          "inherits":    "11" },
     "16":
        { "label":       "Legende8",
          "inherits":    "12" },
     "17":
        { "label":       "Bild9",
          "inherits":    "11" },
     "18":
        { "label":       "Legende9",
          "inherits":    "12" },
     "19":
        { "label":       "Bild10",
          "inherits":    "11" },
     "20":
        { "label":       "Legende10",
          "inherits":    "12" },
     "21":
        { "label":       "Bild11",
          "inherits":    "11" },
     "22":
        { "label":       "Legende11",
          "inherits":    "12" },
     "23":
        { "label":       "Bild12",
          "inherits":    "11" },
     "24":
        { "label":       "Legende12",
          "inherits":    "12" },
     "25":
        { "label":       "Bild13",
          "inherits":    "11" },
     "26":
        { "label":       "Legende13",
          "inherits":    "12" },
     "27":
        { "label":       "Bild14",
          "inherits":    "11" },
     "28":
        { "label":       "Legende14",
          "inherits":    "12" },
     "29":
        { "label":       "Bild15",
          "inherits":    "11" },
     "30":
        { "label":       "Legende15",
          "inherits":    "12" },
     "31":
        { "label":       "Bild16",
          "inherits":    "11" },
     "32":
        { "label":       "Legende16",
          "inherits":    "12" },
     "33":
        { "label":       "Bild17",
          "inherits":    "11" },
     "34":
        { "label":       "Legende17",
          "inherits":    "12" },
     "35":
        { "label":       "Bild18",
          "inherits":    "11" },
     "36":
        { "label":       "Legende18",
          "inherits":    "12" },
     "37":
        { "label":       "Bild19",
          "inherits":    "11" },
     "38":
        { "label":       "Legende19",
          "inherits":    "12" },
     "39":
        { "label":       "Bild20",
          "inherits":    "11" },
     "40":
        { "label":       "Legende20",
          "inherits":    "12" },
     "41":
        { "label":       "Bild21",
          "inherits":    "11" },
     "42":
        { "label":       "Legende21",
          "inherits":    "12" },
     "43":
        { "label":       "Bild22",
          "inherits":    "11" },
     "44":
        { "label":       "Legende22",
          "inherits":    "12" },
     "45":
        { "label":       "Bild23",
          "inherits":    "11" },
     "46":
        { "label":       "Legende23",
          "inherits":    "12" },
     "47":
        { "label":       "Bild24",
          "inherits":    "11" },
     "48":
        { "label":       "Legende24",
          "inherits":    "12" },
     "49":
        { "label":       "Bild25",
          "inherits":    "11" },
     "50":
        { "label":       "Legende25",
          "inherits":    "12" },
     "51":
        { "label":       "Bild26",
          "inherits":    "11" },
     "52":
        { "label":       "Legende26",
          "inherits":    "12" },
     "53":
        { "label":       "Bild27",
          "inherits":    "11" },
     "54":
        { "label":       "Legende27",
          "inherits":    "12" },
     "55":
        { "label":       "Bild28",
          "inherits":    "11" },
     "56":
        { "label":       "Legende28",
          "inherits":    "12" },
     "57":
        { "label":       "Bild29",
          "inherits":    "11" },
     "58":
        { "label":       "Legende29",
          "inherits":    "12" },
     "59":
        { "label":       "Bild30",
          "inherits":    "11" },
     "60":
        { "label":       "Legende30",
          "inherits":    "12" },
     "61":
        { "label":       "Bild31",
          "inherits":    "11" },
     "62":
        { "label":       "Legende31",
          "inherits":    "12" },
     "63":
        { "label":       "Bild32",
          "inherits":    "11" },
     "64":
        { "label":       "Legende32",
          "inherits":    "12" },
     "65":
        { "label":       "Bild33",
          "inherits":    "11" },
     "66":
        { "label":       "Legende33",
          "inherits":    "12" },
     "67":
        { "label":       "Bild34",
          "inherits":    "11" },
     "68":
        { "label":       "Legende34",
          "inherits":    "12" },
     "69":
        { "label":       "Bild35",
          "inherits":    "11" },
     "70":
        { "label":       "Legende35",
          "inherits":    "12" },
     "71":
        { "label":       "Bild36",
          "inherits":    "11" },
     "72":
        { "label":       "Legende36",
          "inherits":    "12" },
     "73":
        { "label":       "Bild37",
          "inherits":    "11" },
     "74":
        { "label":       "Legende37",
          "inherits":    "12" },
     "75":
        { "label":       "Bild38",
          "inherits":    "11" },
     "76":
        { "label":       "Legende38",
          "inherits":    "12" },
     "77":
        { "label":       "Bild39",
          "inherits":    "11" },
     "78":
        { "label":       "Legende39",
          "inherits":    "12" },
     "79":
        { "label":       "Bild40",
          "inherits":    "11" },
     "80":
        { "label":       "Legende40",
          "inherits":    "12" },
     "81":
        { "label":       "Bild41",
          "inherits":    "11" },
     "82":
        { "label":       "Legende41",
          "inherits":    "12" },
     "83":
        { "label":       "Bild42",
          "inherits":    "11" },
     "84":
        { "label":       "Legende42",
          "inherits":    "12" },
     "85":
        { "label":       "Bild43",
          "inherits":    "11" },
     "86":
        { "label":       "Legende43",
          "inherits":    "12" },
     "87":
        { "label":       "Bild44",
          "inherits":    "11" },
     "88":
        { "label":       "Legende44",
          "inherits":    "12" },
     "89":
        { "label":       "Bild45",
          "inherits":    "11" },
     "90":
        { "label":       "Legende45",
          "inherits":    "12" },
     "91":
        { "label":       "Bild46",
          "inherits":    "11" },
     "92":
        { "label":       "Legende46",
          "inherits":    "12" },
     "93":
        { "label":       "Bild47",
          "inherits":    "11" },
     "94":
        { "label":       "Legende47",
          "inherits":    "12" },
     "95":
        { "label":       "Bild48",
          "inherits":    "11" },
     "96":
        { "label":       "Legende48",
          "inherits":    "12" },
     "97":
        { "label":       "Bild49",
          "inherits":    "11" },
     "98":
        { "label":       "Legende49",
          "inherits":    "12" },
     "99":
        { "label":       "Bild50",
          "inherits":    "11" },
     "100":
        { "label":       "Legende50",
          "inherits":    "12" },
     "background":
        { "label":       "Hintergrundfarbe",
          "description": "Farbcode für die Hintergrundfarbe (alles)",
          "type":        "line",
          "required":    false,
          "suggested":   false,
          "default":     "transparent",
          "example":     "#FFE4B5" },
     "border":
        { "label":       "Rahmenfarbe",
          "description": "Farbcode für den Rahmen",
          "type":        "line",
          "required":    false,
          "suggested":   false,
          "default":     "transparent",
          "example":     "#DA70D6" },
     "width":
        { "label":       "Gesamtbreite",
          "description": "(zurzeit unwirksam)",
          "type":        "number",
          "required":    false,
          "suggested":   false }
            },
  "format": "block"
}
Bitte beachten:
Manche Browser (darunter der Internet Explorer) haben Schwierigkeiten mit der korrekten Wiedergabe einer solchen Scrollgalerie. Auch in der Druckversion, der PDF-Version und mit der Buchfunktion können Bilder nicht gestapelt wiedergeben. Daher beeinträchtigt der Einsatz der Vorlage in diesen Fällen das Layout.

<templatestyles src="TOC nonum/styles.css"></templatestyles>

Kopiervorlage

<syntaxhighlight lang="wikitext" copy>

<templatestyles src="Vorlage:Galerie/styles.css" />

</syntaxhighlight>

Beispiel

<syntaxhighlight lang="wikitext">

<templatestyles src="Vorlage:Galerie/styles.css" />

</syntaxhighlight>

<templatestyles src="Vorlage:Galerie/styles.css" />

Siehe auch

  • commons:Template:Imagestack – Vorlage bei Commons mit erweiterter Funktionalität (Mausrad, Maus-Ziehen...; z. B. für radiologische Bilderstapel wie CT oder MRT)
  • Mit dem Element <gallery> lassen sich Bilderfolgen auf ähnliche Weise darstellen.

Programmierung

Der JavaScript-Code zu dieser Vorlage wird über das Gadget templateGallery bereitgestellt.