Neue Funktionen und neues Design für ShutterMobile

Erweiterungen
Post Reply
Gert
Posts: 1259
Joined: Sun 18. Nov 2012, 14:18

Neue Funktionen und neues Design für ShutterMobile

Post by Gert » Wed 27. Nov 2019, 17:25

Hallo,

die Zeiten, wo ein Webdesigner unbedingt zeigen musste, dass er Transparenz, runde Ecken, 3D-Buttons und Schatten kann, sind vorbei. Zur Zeit hat sich wieder ein klares und sachliches Design duchgesetzt. Für mich ein Anlass, das Design von ShutterMobile zu überarbeiten.

ShutterMobile hat ein neues Layout, Navi und Info oben, Bildbeschreibung unten, so dass das Bild vertikal zentriert angezeigt wird. Neue, modernere Navi-Buttons runden das neue Design ab.

Die Bedienung ist jetzt per Navi-Buttons, Tastatur (Pfeiltasten) und Wischen möglich, auf dem PC kann die Wischfunktion mit der Maus (linke Maustaste gedrückt halten) simuliert werden. Eine Animation gibt es noch nicht, es wird ein einfacher Bildwechsel ausgelöst: wischen nach links => nächstes Bild, wischen nach rechts => voriges Bild.

Leider funktioniert das wischen mit dem Finger auf meinen Windows Laptops mit Touchscreen nicht, ziehen mit der Maus geht aber. Getestet habe ich auf verschiedenen Android Geräten und einem alten iPad. Wenn jemand ein Windows Smartphone hat, wäre ich für einen Test und Feedback dankbar.

Hier könnt Ihr testen:

https://ge-webdesign.de/demotpl/?Tests_ ... tterMobile

Der Download wird alternative CSS Dateien enthalten, für ein schwarzes Design und ein traditionell transparentes Lightbox Design, viel Spass beim testen,

Gert
Last edited by Gert on Fri 29. Nov 2019, 15:39, edited 1 time in total.
Gert Ebersbach | CMSimple | Templates - Plugins - Services

Gert
Posts: 1259
Joined: Sun 18. Nov 2012, 14:18

Re: Neue Funktionen und neues Design für ShutterMobile

Post by Gert » Thu 28. Nov 2019, 19:12

Hallo,

jetzt habe ich noch ein paar Animationen per JS und CSS eingebaut in die Wischfunktion. Die Bilder folgen zwar nicht dem Finger (oder der Maus), gleiten aber nach links und rechts rein und raus. Hier nochmal der Link zur Demo:

https://ge-webdesign.de/demotpl/?Tests_ ... tterMobile

Und das alles ohne jQuery & Co., einfaches JavaScript ;)

Viel Spass beim testen, in ein paar Tagen gibt es dann den Download,

Gert
Gert Ebersbach | CMSimple | Templates - Plugins - Services

Gert
Posts: 1259
Joined: Sun 18. Nov 2012, 14:18

Re: Neue Funktionen und neues Design für ShutterMobile

Post by Gert » Sat 30. Nov 2019, 12:29

Hallo,

hier könnt Ihr die 3 mitgelieferten Designvarianten von ShutterMobile testen:

https://www.ge-webdesign.de/demoshm/dem ... arent.html

Gert
Gert Ebersbach | CMSimple | Templates - Plugins - Services

Gert
Posts: 1259
Joined: Sun 18. Nov 2012, 14:18

Re: Neue Funktionen und neues Design für ShutterMobile

Post by Gert » Sun 8. Dec 2019, 17:48

Hallo,

habe ShutterMobile 2.0 noch einmal überarbeitet und die Downloads aktualisiert, ohne gleich wieder neue Versionen zu veröffentlichen:
  • Die Tastatursteuerung (Pfeiltasten) "slidet" jetzt auch
  • Schliessen der Lightbox per Tastatursteuerung und per Klick auf das Bild blendet die Lightbox langsam aus
  • Die Buttons oben bleiben "Schellwechsler"
Demo: https://www.ge-webdesign.de/shuttermobi ... MS_Plugins

Wer FotoPro schon auf Version 4.0 aktualisiert hat, muss nur die Ordner css/ und shutter/ im Pluginordner updaten.

Download FotoPro 4.0: https://www.ge-webdesign.de/cmsimpleplu ... ___FotoPro

Gert
Gert Ebersbach | CMSimple | Templates - Plugins - Services

Post Reply