ShutterMobile 3.0 Vorschau - bitte einfach mal online testen

[Gert]

Hallo,

erst einmal vielen Dank an Karsten, der mir den Anstoss gegeben hat, mich mal intensiv mit ShutterMobile zu beschäftigen.

Dabei ist mir das alte Script zum blättern per Wischen (swipe) und ziehen per Maus von 2017 mal wieder in den Sinn gekommen. Das funktionierte nicht auf Windows PCs mit Touchscreen, und es war manchmal auch ganz schön hakelig. Bisher war es mir aber zu aufwändig, ein anderes Script zu integrieren, doch die Kontaktversuche zum Autor des alten Scriptes hatten keinen Erfolg.

Also habe ich mir was neues gesucht, schlanker, schneller und es funktioniert auch auf meinem alten Windows 8.1 Laptop mit Touchscreen. Allerdings nur im Firefox und nicht im Opera. Mehr Browser für Windows 8.1 scheint es nicht mehr zu geben.

Dafür läuft es nun nicht mehr auf meinem Uralt-iPad mit iOS 9.3.5, aber das kann man auch nicht mehr erwarten. Auf meinen aktuellen Samsung Androids läuft es problemlos und flüssig.

Bitte testet mal mit Euren Geräten und gebt hier Rückmeldung, dabei interessieren mich folgende am meisten:

iPads und iPhones
Windows Computer mit Touchscreen
Microsoft Surface

Und natürlich die verschieden Browser für diese Geräte. Das kann ich mir alleine nicht leisten, deshalb hoffe ich auf Eure Mitwirkung.

Hier werkelt das neue ShutterMobile 3.0 in CMSimple und FotoPro:

https://www.ge-webdesign.de/plugindemo/ ... l_floatend

Und hier auf einer einfachen html Seite:

https://www.ge-webdesign.de/shuttermobi ... arent.html

Vor allem interessiert mich die Wischfunktion (swipe) zum Bildwechsel,

vielen Dank - Gert

[Gonzo Gates]

Hallo Gert,

gestern testen auf einem iPad 26.6.1 ging nicht, da ich vieles mit der Frau zu besprechen hatte.

Heute testen geht nicht, da ge-webdesign.de nicht erreichbar ist.

Morgen dann...

Korrektur: Heute ist irgendwie morgen. iPad hat 26.6.2 und hin und rückwischen funktioniert. Manchmal ist es ein wenig hakelig, wenn ein Bild noch geladen wurde, denn dann sieht man erstmal nur rechts einen Teil des Bildes (beim nach links wischen), das dann nach ~ 1 Sek nachrückt. Ist die Gallerie einmal durchgespielt, dann funzt das butterweich hin und zurück. An der Zeitlücke sollte meine 250 Mbit/s Leitung und meine FRITZ!Box 5590 Fiber nicht Schuld sein.

Ach ja, 'shutter-mobile.js' hat noch Version 2.6 im Code.

Gruß
Gonzo

[Gert]

Vielen Dank für Test und Feedback, ist ja schonmal gut zu wissen, dass es auf dem iPad läuft

Ach ja, 'shutter-mobile.js' hat noch Version 2.6 im Code.

Ist ja noch nicht fertig und nur zur Demo, im Download wird es dann stimmen,

Gert

[Gonzo Gates]

Hallo Gert,

habe gerade die Gallerie auf iPhone 26.6.2 gecheckt (hochkant und quer). Wischen verhält sich genauso, wie bei dem iPad. Android-Test mit Tablet könnte ich nur erwähnen, wenn ich bei meiner Mutter wäre, aber das ist erst am 23. Oktober der Fall.

@Karsten: Vielleicht könntest du auch mal etwas zum Thema schreiben, das du aufgebracht hast oder ist der Fall für dich jetzt abgefrühstückt? Hilfe einfordern und Hilfe geben ist manchmal schön.

Gruß
Gonzo

[webka]

Sorry, dass ich jetzt erst antworte, war unter der Woche beschäftigt.

Also ich habe es auch mal getestet.
Auf meinen Android Smartphone funktioniert es mit Chrome und dem Samsung Browser ganz normal.
Auf meinem Surface Pro 4 mit Windows 11 funktioniert das Wischen in Chrome nicht. (Funktionierte auch in der alten Version schon nicht). Werde es mal später noch mit Firefox testen. Beim Plugin MultiMediaSlider funktioniert das Wischen in Galerien auf dem Surface.

VG Karsten

[Gert]

Hallo Karsten,

vielen Dank für die Tests, vor allem die Ergebnisse mit dem Surface sind interessant und wertvoll.

Und jetzt kommt's

Nach jahrelangem herumwühlen im JavaScript habe ich nun bei der Gestaltung einer Testseite die Lösung im CSS gefunden:

Code: Select all

<div id="shSwipe" class="swipeDetector" style="touch-action: none;">

Dem Bereich, in dem die Touchgesten erkannt werden, muss touch-action: none; verpasst werden, und schon klappt es auch unter Windows 8.1 und Opera. Ich gehe davon aus, dass das wischen jetzt überall funktioniert, also teste bitte auch nochmal Surface Pro 4 mit Windows 11 und Chrome.

Ich musste allerdings im Opera wieder Hardcore Cache löschen, neu laden half genausowenig wie F5 und Browser schliessen und neu öffnen, ich musste in die Einstellungen des Opera,

Gert

[webka]

Hallo Gert,

also jetzt funktioniert es mit dem Wischen auch auf dem Surface.
Sehr gut!
Interessant, dass die Lösung im CSS lag und nicht im JavaScript.

(jetzt müsste nur noch Zoomen mit den Fingern gehen... )

VG Karsten

[Gert]

(jetzt müsste nur noch Zoomen mit den Fingern gehen... )

Die Rolling Stones wussten es schon vor mehr als 50 Jahren:

You Can’t Always Get What You Want

Du kannst ja dann den Fullsize Button wieder aktivieren, die Probleme sind dann wohl die gleichen, so ohne Scrollbalken

Wie auch immer, vielen Dank für's testen und berichten, jetzt kann ich es fertigmachen und in den nächsten Tagen veröffentlichen. Alles in allem ist es ein echter Fortschritt, das wischen funktioniert jetzt mit dem neuen Script schneller, flüssiger und vermutlich überall wo es soll,

Gert