Comments (5)
Nice one, Pablo! Interesting suggestion, indeed. Thank you very much for it. It fits very nicely my future vision of Reel. I also expect some UI elements like arrow buttons sticked to both left and right edges of the image to visually support such possibility. Stay tuned for future versions. It probably won't be inside the upcomming patch release 1.1.1, but it certainly will be in 1.2.
from reel.
The implemented a solution for this feature request, that has two distinct aspects:
- As @pablosbrain requested the entire image area is now clickable and depending on the click position relative to the image center, it triggers either
"stepLeft"
or"stepRight"
event. This is enabled by default and can be disabled by setting new optionsteppable
to false. - And that brings us to the new events -
"stepLeft"
and"stepRight"
. These two when.trigger()
ed they advance Reel instance one frame left or right. Events are available even whensteppable: false
.
from reel.
The code was merged into development branch
from reel.
Gregory Stewart reported: "one thing I noticed with the stepping is that when I use it with the option to reverse the direction of my slides ({cw : true}) the built-in stepping ignores it and uses the default direction."
from reel.
I'm a bit baffled by Greg's report, because as far as I tested it, if setup right, if clicking the left half causes a default counterclockwise motion and vise versa. If cw: true
the reaction is the same - left click for counter-clockwise. So it works just as expected.
I think it may be just a matter of cw
option misuse. The cw
option is not for reversing the direction. It is there to tell Reel in what manner you have your shots organized, how (in which direction) you took your pictures. You can not deliberatly change this value as it is either this or that depending on the images. Reel assumes a counter-clockwise order of the frames. Rule of the thumb is, that when you setup your Reel and while dragging, the object or the scene does not follow the mouse when dragged, you need to use the cw
option to correct Reel's assumption.
from reel.
Related Issues (20)
- Dragging within a range of sequence
- Reel.js is not working in Chrome when add next and previous button.
- data-loops = 'false' does not work on rows
- possibility to ude it merging some images to compose the shown one
- touch support HOT 1
- Reach event rotates one frame backwards before rotating correctly
- python
- sensitivity on touch movement
- responsive and Ajax - In russian is love)))
- Jquery reel larger than container
- how to stop image cache
- Dimension(s) of the target image unknown Ab HOT 3
- ReferenceError: jQuery is not defined
- Image Request Loop Issue HOT 3
- Using reel js object animated by a slider (jquery ui) inside a book of moodle. It doesn't work
- Not working properly on mobile Safari? HOT 8
- 360 spinner doesn't work well on mobile HOT 6
- Chrome: Jerky or not smooth scrolling if it is placed at about 3000px or below in height
- Implement in Vuejs
- Uncaught TypeError: Cannot use 'in' operator to search for 'length' in 50, latest JQuery jquery.min-3.6.0.js not working
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from reel.