search

Zulko / eagle.js

A hackable slideshow framework built with Vue.js
https://zulko.github.io/eaglejs-demo/
ISC License
4.08k stars 222 forks source link

swipe support for mobile #21

Closed dcsan closed 6 years ago

dcsan commented 7 years ago

Hi! Looks like a great project, but when I opened a deck on my phone, it doesn't work. it suggests i use ctrl-arrow for navigation.

is there an example of using hammerJS or other tap/touch events to swipe for mobile?

Zulko commented 7 years ago

It is not supposed to support swipe, you must click or touch on the left or right of the screen to go to the next/previous slide. Does it work when you touch the right/left borders of the screen on your phone ?

EDIT: For the slide with (ctrl-arrow), touch navigation is deactivated (since it is a slide with clickable elements). You must touch the zone that says NEXT SLIDE to go to the next slide.

dcsan commented 7 years ago

oh ok. I didn't think to try that. perhaps cos the demos are all desktop it's hard to see any text

revealJS works really nicely on mobile so I guess we should just use that if this isn't intended to support mobile type UI interactions?

Zulko commented 7 years ago

If your presentation can be done using Reveal, you should use Reveal, it is simpler deploy/edit/etc.

You can also try to get HammerJS' swipe to work with Eagle it shouldnt be very difficult (when i first tried I had issues with some browsers though).

gpolitog commented 7 years ago

+1 to add swipe support (maybe with another library if you already had issues with hammer), because swiping is what comes to the mind of a mobile user, who may not even think/try to tap left & right sides of the slide.

revealJS may be very popular, but Eagle is awsome because is Vue-powered. You can use Eagle to create quizes, and send results to backend. That wouldn't be easy with revealJS.

please consider adding swipe support :)

dcsan commented 7 years ago

right. we were hoping to use the system for flashcards at least, and a fun quiz would be better :)

yaodingyd commented 6 years ago

@Zulko I'm thinking for all non-core functionalities, we create examples in demo repo to show users how to integrate with third party libraries. If you are OK with this I'll get started with it. There are some examples that appeared in issues before: permalink and timer.

yaodingyd commented 6 years ago

Update in project Readme here.