Demonstration
Demo Plugin Fancy Box

Testseite Fancy Box Plugin- Hinweise und Workflow

[adresponsiv]

Diese Seite dient dem Test der Darstellung von Bildern. Ein Schwerpunkt dabei ist die responsive Darstellung. Dabei wird sowohl auf das einfache Einfügen von Bildern wie auch auf die Nutzung des Mozilo-Plugins FancyBox eingegangen.

Bilder normal einfügen

Zunächst wird ein Bild ganz normal eingefügt:

Bild "Demonstration:DSCF4266.JPG"
Wasserverkäufer im Marktviertel der marrokanischen Hauptstadt Rabat

Das Bild wird in seinen ursprünglichen Dimensionen dargestellt, ist im Zweifelsfall also viel zu groß.

Workflow

  • Eine Bild mit der Größe rd. 4 MB konnte nicht hochgeladen werden, 1 MB klappt.
  • Das Foto wurde zwar wegen der Dateigröße mit Paint.Net bearbeitet, die Abmessungen von 3648x2736 wurden aber nicht verändert.

Varianten

Das Plugin FancyBox bietet mehrer Varianten an, das sind:

  • [codefett|fancyBox|image|<gallery>|<file>|<remote>]
  • [codefett|fancyBox|inline|<text>|<content>|<title>]
  • [codefett|fancyBox|link|<text>|<url>|<title>]


fancyBox|image

Aufruf mit
[codefett|{fancyBox|image||@=Demonstration:DSCF4266.JPG=@}]

{fancyBox|image||@=Demonstration:DSCF4266.JPG=@}

fancyBox|inline

Aufruf mit
[codefett|{fancyBox|inline|Das ist nur ein Beispieltext|[bild|@=Demonstration:DSCF4266.JPG=@]|Das ist der Titel}]

{fancyBox|inline|Das ist nur ein Beispieltext|Bild "Demonstration:DSCF4266.JPG"|Das ist der Titel}

fancyBox|link

Muss noch umgesetzt werden!

Testergebnisse

Insgesamt gibt es nur geringen Probleme. Das Beispielbild ist allerdings sowohl in Bezug auf die Abmessungen wie auch bezüglich der Dateigröße überdimensioniert.