CMSimple - Forum

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

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

Hallo,

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

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

Gert

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