Guten Abend zusammen,
es hat (natürlich) länger gedauert als geplant, aber die letzten drei (+1) Features für die Version 2.0 sind nun fertiggestellt.
Getrennte Übergänge für Bilder und Boxen
Mit der neuen Version lassen sich andere Übergange und Parallax-Effekte für Boxen und Bilder festlegen. So kann man die Slideshow noch mehr den eigenen Bedürfnissen anpassen:
Übergreifende Boxen
Neu ist ist auch die Möglichkeit, Boxen über mehrere Slideshow-Elemente zu behalten. So lassen sich z.B. mehrere Bilder mit der gleichen Beschreibung einbinden, ohne das die gleiche Beschreibung ein- und ausgeblendet wird.
Konfiguriert wird das in der Slideshow-Box:
Soll ein Element seine eigene Box verwenden, wählt man das ausgefüllte Box-Icon. Soll ein Element die Box vom vorherigen Element übernehmen, wählt man das kopierende Box-Icon. Gibt es keine zu kopierende Box, wird gar keine Box angezeigt. Diese Reihenfolge wird auch bei einer Zufälligen Reihenfolge der Elemente beachtet, sodass es nicht zu zufälligen Box/Bilder Kombinationen kommt.
Im Formular lassen sich nur diese beiden Zustände auswählen. Erstellt man die Slideshow im Code, kann man beliebige andere Elemente als Box-Quelle angeben. Ich habe die UI im ACP bewusst erstmal simpel gehalten. Sollte sich die Funktion großer Beliebtheit erfreuen und weitere Konfigurationen gewünscht sein, kann ich das in Zukunft erweitern.
Und so sieht das ganze dann auf der Website aus. Die ersten drei Elemente haben die gleiche Box, das vierte Element nutzt seine eigene:
Unterstützung für Swiping
Swipen zu unterstützen war eine ganz schöne Herausforderung. Ich wollte hier nicht einfach die Swipe-Geste erkennen und dann das nächste oder vorherige Element anzeigen, sondern das swipen interaktiv unterstützen. Da die Übergänge aber in CSS ablaufen und man die unterschiedlichsten Kombinationen aus Übergängen und Übergreifenden Boxen haben kann, war die Umsetzung alles andere als einfach, das Ergebnis hat sich aber gelohnt
Das swipen wird dabei nicht nur per Touch unterstützt sondern, wie hier zu sehen, auch mit der Maus:
Kompaktere Konfiguration
Zum Schluss noch eine kleinere Verbesserung bei der Konfiguration der Slideshows. Da die Optionen immer mehr wurden, wurde die Liste auch immer länger und unübersichtlicher. Gerade die Beschreibungstexte nehmen viel Platz weg und sind eigentlich nur da, um den Standardwert zu kommunizieren. Deshalb habe ich den Standwert jetzt in die Auswahl integriert und die Beschreibungstexte entfernt:
->
Nur beim Box-Seitenabstand blieb die Beschreibung, da ich sonst keine Möglichkeit gesehen habe, das vernünftig zu kommunizieren.
Preise
Wie bereits angekündigt, veröffentliche ich die neue Version nicht als kostenloses Update. Der Aufwand für die neuen Features war enorm und ich hoffe das spiegelt sich auch für euch wieder. Die Warly Slideshow 2 wird Neu 13,49€ kosten und als Update für Besitzer der ersten Version für 6,49€ angeboten.
Ich hoffe euch gefallen die Neuerungen. Jetzt wo alles fertig ist, muss ich natürlich noch ausführlich testen, aufräumen und mit Sicherheit auch noch einige Fehler beheben, bevor ich euch dann endlich die 2. Version zur Verfügung stellen kann.