catGallery

Das Modul rund um alles was mit Bildern zu tun hat. Eine interaktive Bildergalerie, die Übersicht von Mitarbeitern, ihr persöhnliches Portfolio, Referenzen und vieles Mehr.

Jetzt auf GitHub herunterladen

catGallery

Bilder einfach einfach

Das Modul, wenn es um Bilder geht!

catGallery schafft es Ihre Bildgalerie mit nur einem Klick zu verändern. Verschiedene Varianten bieten die Möglichkeit mit diversen Ansichten und Funktionalitäten zu spielen und diese anzupassen, ohne dass die Bilder erneut hochgeladen werden müssen. Auch Bildgröße und ähnliches können jederzeit im Nachhinein angepasst werden. Selbstverständlich können die verschiedenen Varianten auf einer Seite kombiniert werden. Überzeugen Sie sich von unserer Vielfältigkeit:

  • default
    Hierbei werden die Bilder mit dem frei verfügbaren Skript Skitter animiert.
  • cardSlider
    Die Bilder werden wie Fotos nacheinander durchgescrollt.
  • hugeSlider
    Zum Einbinden großer bildschirmfüllender Bilder (beispielsweise auf Startseiten und Landing Pages).
  • roundImage
  • sliderPro
  • widerGallery

Das Modul, wenn es um Bilder auf Ihrer Website geht

Dank des WYSIWYG-Editors (Klartext: What you see is what you get) kann jedem Bild eine Beschreibung hinzugefügt werden. So ist es möglich, eine einfache Bildergalerie, beispielsweise für ein Portfolio, zu erstellen, aber auch komplexe Slider mit umfangreicheren Texten.

Bilder einfach per Drag&Drop hochladen

Klicken - ziehen - loslassen! Die Bilder werden im Original gespeichert und später an die benötigte Größe für die Optik Ihrer Website angepasst, um lange Ladezeiten zu vermeiden.

Sortierung der Inhalte

 

Sie möchten die Reihenfolge Ihrer Bilder nach dem Upload noch einmal anpassen? Per Drag&Drop ist dies schnell, intuitiv und ganz einfach möglich.

Anpassen der Variante

Ein Klick und mit der Veränderung der Variante hat Ihre Website von einen Moment auf den anderen ein neues Gesicht. Bei gleichbleibenden Inhalten passt sich die Optik ganz Ihren Vorstellungen und Wünschen an.

Auswahl einiger Varianten für catGallery

Hier folgen ein paar Beispiele, was mit Hilfe von Varianten in catGallery möglich ist.

+
+
+
+
+

expandableGallery

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut odio. Nam sed est. Nam a risus et est iaculis adipiscing. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer ut justo. In tincidunt viverra nisl. Donec dictum malesuada magna. Curabitur id nibh auctor tellus adipiscing pharetra. Fusce vel justo non orci semper feugiat. Cras eu leo at purus ultrices tristique.

columnView

• Bild 1 •

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut odio. Nam sed est. Nam a risus et est iaculis adipiscing. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer ut justo.

Button

columnView

• Bild 2 •

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut odio. Nam sed est. Nam a risus et est iaculis adipiscing. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer ut justo.

Noch ein Button

columnView

• Bild 3 •

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut odio. Nam sed est. Nam a risus et est iaculis adipiscing. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer ut justo.

Empfehlungen

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut odio. Nam sed est. Nam a risus et est iaculis adipiscing. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae.

Verfasser XYOberchef

letima

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut odio. Nam sed est. Nam a risus et est iaculis adipiscing. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae.

Verfasser XYOberchef

letima

roundImage

Bild rechts

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut odio. Nam sed est. Nam a risus et est iaculis adipiscing. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer ut justo. In tincidunt viverra nisl. Donec dictum malesuada magna. Curabitur id nibh auctor tellus adipiscing pharetra. Fusce vel justo non orci semper feugiat. Cras eu leo at purus ultrices tristique.

roundImage

Bild links

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut odio. Nam sed est. Nam a risus et est iaculis adipiscing. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer ut justo. In tincidunt viverra nisl. Donec dictum malesuada magna. Curabitur id nibh auctor tellus adipiscing pharetra. Fusce vel justo non orci semper feugiat. Cras eu leo at purus ultrices tristique.

roundImage

Bild rechts

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut odio. Nam sed est. Nam a risus et est iaculis adipiscing. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer ut justo. In tincidunt viverra nisl. Donec dictum malesuada magna. Curabitur id nibh auctor tellus adipiscing pharetra. Fusce vel justo non orci semper feugiat. Cras eu leo at purus ultrices tristique.