Mobile, lightbox i uruchamianie

0

Cześć,

Szukałem na stackoverflow i w sieci i jakoś nigdzie nie mogę namierzyć tematu.

Problem polega na tym, że podczas przewijania witryny www na telefonie bardzo łatwo jest uruchomić lightbox ze zdjęciem. Jedyne co przychodzi mi do głowy to dodać w JS, aby należało podwójnie kliknąć w celu załadowania lightbox - tylko sądzę, że to dość toporne rozwiązanie, na innych witrynach nie widzę, aby był pozakładany JS.

Czy coś mnie ominęło i o czymś nie wiem? Próbowałem dodać touch-action: manipulation; żeby to nie wystarczyło dotknąć ekranu, tylko ciut przytrzymać w związku z tym http://ariatemplates.com/blog/2014/05/ghost-clicks-in-mobile-browsers/ czytałem też o "The 300 ms Click Delay" - to wszystko nie to.

Ogólnie chodzi o to, aby albo trzeba było kliknąć dwa razy, albo dłużej przytrzymać palca na zdjęciu.

0

Najczęstszym rozwiązaniem z jakim się spotkałem, to po prostu wyłączenie wszelkich skryptów galerii na małych rozdzielczościach i pozwolenie, by urządzenia mobilne natywnie radziły sobie z obrazkami. Głównym problemem jest także jednoczesna implementacja pinch zoom i swipe gestures. Lightbox używa tego drugiego. Inne skrypty znowu stawiają na to pierwsze.
Dla zasymulowania dłuższego przytrzymania palca na zdjęciu, to implementacja taphold https://api.jquerymobile.com/taphold/ aczkolwiek to raczej działa na timerach i clicku. Nie wnikałem w kod, bo efekt mnie zadowalał.

0

Używaj skryptów, libek, które wspierają mobile, one zwykle reagują na tapnięcia, a nie przesunięcia.

1 użytkowników online, w tym zalogowanych: 0, gości: 1