Galerie Live-Demos
Schauen Sie sich hier einige Beispiele für Bildvergleichs-Galerien an, sogenannte Before-After-Galerien. Eine einfache aber elegenate Art, 2 Bilder direkt miteinander vergleichbar zu präsentieren.
Before-After-Slider
Wie der Name bereits nahelegt, bietet dieser Schieberegler (Slider) eine optisch ansprechende und spielerische Art, z.B. einen Vorher-Nachher-Zustand anschaulich zu präsentieren.
Röntgenlupe
Der Röntgen-Viewer eignet sich beispielsweise für Maschinenbauer, um in eine Apparatur etc. "hineinschauen" zu können, indem man einen partiellen Blick auf eine Aufrisszeichnung freigibt.
Split-Scroller
Der Splitscroller arbeitet ohne direkte Interaktion, sondern gibt den Blick auf ein anderes (Nachher-) Bild während des Scrollens der Seite frei - und kann so für eine Überraschung gut sein...
Diese Galerie kann auch kreativ zum scrollbasierten Wechsel von Texten - wie z.B. einer Überschrift - eingesetzt werden.
Scroll-Sequencer
Diese Galerie arbeitet ebenfalls ohne direkte Interaktion und wird ebenfalls durch das Scrollen der Seite animiert.
Während des Scrollvorganges wird eine Anzahl von Bildern durchlaufend angezeigt - ähnlich einem Daumenkino.
Damit kann zum Beispiel ein sich sukzessive aufbauendes Diagrammes angezeigt werden...
... oder die Veränderungen einer Landkarte über die Zeit...
... Ihrer Fantasie sind keine Grenzen gesetzt!
Die Scrollgeschwindigkeit bestimmt hierbei auch das Tempo des Bilderwechsels...
Bei Platzierung zum Beispiel in einen 2-spaltilgen Container (wie in diesem Beispiel) kann der Platz in der linken (oder rechten) Spalte für zusätzliche Inhalte verwendet werden...
Countdown 9 ...
Diese Galerie arbeitet ebenfalls ohne direkte Interaktion und wird ebenfalls durch das scrollen der Seite animiert.
Countdown 8 ...
Während des Scrollvorganges wird eine Anzahl von Bildern durchlaufend angezeigt - ähnlich einem Daumenkino.
Countdown 7 ...
Die Scrollgeschwindigkeit bestimmt hierbei auch das tempo des Bilderwechsels...
Countdown 6 ...
Bei Platzierung zum Beispiel in einen 2-spaltilgen Container (wie in diesem Beispiel) kann der Platz in der vertikalen für zusätzlichen Text verwendet werden...
Countdown 5 ...
Zum Beispiel die Entwicklung eines sich sukzessive aufbauenden Diagrammes...
Countdown 4 ...
... oder die Veränderungen auf einer Landkarte über die Zeit...
Countdown 3 ...
... oder wie sich Schritt für Schritt eine Collage vor den Augen des Betrachters aufbaut...
Countdown 2 ...
... oder ... oder ... oder ...
Countdown 1 ...
Ihrer Fantasie sind keine Grenzen gesetzt!
... 0 - Zündung !!!
Denn jetzt ist der Weg auch schon wieder zu Ende und es geht ggf. mit den "normalen" Inahlten der Seite weiter...
Split-Slider
Eine weiterer Vorher-Nachher-Schieberegler, der sich optisch etwas anders darstellen und konfigurieren lässt - je nach Vorliebe und zu Ihrem Auftritt passend in Farbe und Form...
Verschiebe-Galerie
Ein Beispiel, um große und größere Bilder ohne Skalieren platzsparend darstellen zu können, ist unsere Verschiebe-Galerie.
Beim Überfahren des Bildes mit der Maus (oder auf Touch-Devices wie Smartphones und Tablets mit dem Finger) können Sie alle Bereiche in das Sichtfeld des "Fensters" verschieben...
Ebenso eigenet dieser Viewer hervorragend zur Anzeige bzw. Einbindung großer (Land-) Karten ohne die Seite zu überfrachten...