Die Galerie mit App-Steuerung
für die Website eurer Kunden



Kurzvideo ansehen
"Foto hinzufügen"



Mit dem PHP/HTML-Skript wird die Nutzung von refshots® auf nahezu jeder Website möglich. Ausgeschlossen Webbaukästen, wie z.B. Jimdo, WIX und Co.


Ein Skript, unterschiedlichste Einsatzmöglichkeiten.


PHP/HTML-Skript-Webgalerie - Funktion "Filter"

Die refshots®-Webgalerie „Filter“ kannst du in eine beliebige Seite und Position deiner Website integrieren. Durch die integrierte Filterfunktion kannst du deinen Besuchern ermöglichen, über ein Menü nur Bilder einer bestimmten Kategorie, z. B. „Bad“ oder „Küche“, innerhalb der Ansicht anzeigen zu lassen, ohne die Seite neu laden zu müssen.

Anwendungsbeispiel: Handwerker Max hat eine eigene Website. Um seinen Besuchern einen besseren Einblick in seine Leistungen geben zu können, möchte Max seine Referenzbilder auf der Unterseite „Referenzen“ vorstellen.

Max hat verschiedene Tätigkeitsbereiche. Er verlegt Fußböden, streicht Innenwände und kümmert sich um die Außenfassade von Häusern. Um seinen Besuchern alle Referenzen übersichtlich darstellen zu können, hat er sich für die Webgalerie „Filter“ entschieden und diese selbst bzw. mit Hilfe seiner Agentur in die Website integriert. Über die refshots®-App hat Max drei Kategorien angelegt: „Fußböden“, „Innenwände“ und „Fassade“. Max füllt seine Kategorien über die App mit den entsprechenden Referenzbildern und lässt diese direkt auf seiner Website anzeigen.

Max' neuer Besucher und potentieller Kunde Tim möchte einen Einblick in die angebotenen Leistungen von Max erhalten und klickt auf die Unterseite „Referenzen“. Tim sieht nun zuerst alle von Max eingestellten Referenzbilder, kann jedoch über das darüber platzierte Menü die Auswahl eingrenzen. Tim sucht einen passenden Partner für die Verlegung seines Fußbodens und klickt daher auf den Menüpunkt „Fußböden“ oberhalb der Galerie. Ohne die Seite neu laden zu müssen, werden Tim nun alle Bilder von Max angezeigt, die der Kategorie „Fußböden“ zugewiesen wurden. Die Bilder der Kategorien „Innenwände“ und „Fassade“ werden automatisch ausgeblendet.

refshots Partner werden

oder ...


PHP/HTML-Skript-Webgalerie - Funktion "Multi"

Die refshots®-Webgalerie „Multi“ ermöglicht es, aus jeder von dir in der refshots®-App angelegten Kategorie eine eigenständige Galerie zu erzeugen. So kannst du auf mehreren Seiten deiner Website unterschiedliche Galerien darstellen und diese ganz bequem über die refshots®-App verwalten.

Anwendungsbeispiel: Fitnessstudiobetreiber Uwe hat eine eigene Website für sein Unternehmen. Auf seiner Website hat er unter anderem die Menüpunkte „Training“, „Kurse“, „Sauna“ und „Squash“.

Auf den einzelnen Seiten möchte er jedem Besucher mit Hilfe von Bildern einen ersten Einblick in das Fitnessstudio geben. In seiner refshots®-App legt Uwe vier Kategorien an: „Training“, „Kurse“, „Sauna“ und „Squash“. Diese füllt er mit den gewünschten Bildern. Da Uwe nicht nur auf einer Seite, sondern auf mehreren Seiten je eine Galerie benötigt, entscheidet er sich für die Webgalerie „Multi“. Die Webgalerie „Multi“ erzeugt aus jeder Kategorie eine eigenständige Galerie, welche Uwe selbst anlegt oder von seiner Agentur anlegen lässt.

Klaus, ein Besucher der Website, interessiert sich für „Kurse“ und „Sauna“. Beim Besuch der Unterseite „Kurse“ findet Klaus neben Informationen zum Thema auch die Galerie mit Bildern vom Kursraum und von vergangenen Kursen. Dabei bekommt er richtig Lust, selbst teilzunehmen. Auf der Unterseite „Sauna“ kann er einen ersten Einblick in die Saunalandschaft gewinnen und den Ruhebereich kennenlernen.

oder ...


PHP/HTML-Skript-Webgalerie - Funktion "Mix"

Nutze die Eigenschaften aus beiden Funktionen („Filter“ und „Multi“) und werde mit der Funktion „Mix“ nun noch flexibler. Die Galerie-Funktion „Mix“ erlaubt es von dir definierte Kategorien innerhalb einer Galerie anzeigen zu lassen. Somit kannst du ab sofort auf unterschiedlichen Seiten deiner Website von dir definierte Kategorien mit oder ohne Filterfunktion anzeigen.

Anwendungsbeispiel: Restaurantbesitzer Figo hat eine eigene Website. Figo hat den ganzen Tag geöffnet und bietet seinen Besuchern Frühstück, Mittag- und Abendessen an. Natürlich hat er auch verschiedenste Getränke im Angebot. Auf seiner Website hat er für Frühstück, Mittag und Abendessen entsprechende Seiten erstellt, um einen besseren Einblick geben zu können.

Figo erstellt mit Hilfe seiner refshots®-App zu Beginn vier Kategorien - Frühstück, Mittag, Abend und Getränke. Diese bestückt er mit den entsprechenden Impressionen bzw. Aufnahmen.

Auf der Startseite zeigt Figo seinen Besuchern einfach alle Kategorien an, welches er dank der Funktion "Filter" umsetzt.

Auf den Unterseiten möchte Figo aber die nicht passenden Kategorien ausblenden, dafür nutzt er den Shortcode mit der Funktion "Mix". Für die Unterseite "Frühstück" zeigt er somti lediglich die Kategorie "Frühstück" und "Getränke" an und entscheidet ob eine Filterfunktion an dieser Stelle sinnvoll erscheint oder nicht. Selbigen Vorgang führt er für die anderen Unterseiten durch und kann somit all seine Galerien auf der Website über seine App steuern.

Fügt sich nahtlos in dein bestehendes Design ein


Unzählige Gestaltungsmöglichkeiten


Die refshots®-Webgalerie ist dank PHP/HTML-Skript nicht nur in nahezu jeder Website nutzbar, sondern bietet auch die Möglichkeit, das Design problemlos an das deiner Website anzupassen.

Dir stehen unterschiedlichste Einstellungsmöglichkeiten zur Verfügung, um die refshots®-Webgalerie deinen Vorstellungen entsprechend darzustellen. Diese können in der Konfigurationsdatei von dir eingestellt werden.



  • Bildqualität anpassen
    Entscheide bei Bedarf selbst, in welcher Qualität und damit Dateigröße die Bilder in deiner Webgalerie angezeigt werden sollen.
  • Bilder pro Reihe
    Standardmäßig werden drei Bilder pro Reihe angezeigt. Wähle selbst, wie viele Bilder pro Reihe auf deiner Website angezeigt werden sollen.
  • Farbeinstellungen der Buttons
    In der Webgalerie „Filter“ kannst du die Kategorie-Buttons farblich nach Belieben anpassen. Entscheide selbst, wie Hintergrund, Schriftfarbe und Co. aussehen sollen.

  • „Mouse-over“-Einstellungen
    Entscheide, was in welchem Design passiert, wenn ein Besucher mit der Maus über dein Bild fährt.
  • Kategoriename & Bildbeschreibung
    Entscheide selbst, ob der Kategoriename und die Bildbeschreibung beim Überfahren mit der Maus angezeigt werden sollen oder nicht.
  • Und vieles mehr
    Neben weiteren Farbkonfigurationen kannst du auch Rahmen, Schatten und Texpositionen einstellen und anpassen.