Comments (3)
I've not had time to work on this. It is definitely an issue and it will have to be remedied. To do it right means the div's from one side need to be replicated to the other before the move, and then have the old dropped after the move. But this invalidates any references to the old div's. I have some code that attempts to find the nearest direction to an element in order to prevent just such an issue. It probably needs to be improved.
from film_roll.
what if you appended "before" divs and "after" divs that replicates all the starting divs on each "side" of the film strip?
Once a "before" or an "after" gets the "active" class assigned to it, animating of position would be disabled, the active class would then be toggled off the "after" or "before" to the first or last original div (if the first "after" div becomes active, then it's swapped with the first original div β the last "before" element switches to the last original element); re-center the slideshow on the original div without animating (since animation is turned off), then turn the animating back on once that change is complete so that the next "next" or "prev" click slides againβ¦
I have no idea how to do this, but conceptually I think it would work
from film_roll.
I've tried a few solutions:
- Duplicate all slides left/right. This has performance issues, as even though they are mostly hidden, the spends time on everything. Also, it breaks unique ids and any events placed on the child elements.
- Temporarily create a duplicate during animation, removing it and rotating the children when the animation is finished. This works pretty well until you have someone clicking 3 or 4 times before the animation is done. Or, it really becomes a mess if someone (programatically) clicks left and right before the animation is done. Then it becomes a bookkeeping problem. My first attempt became overly complicated, and fixing one bug kept leading to others.
I still think the second solution is the way to go. I am waiting to rewrite the plugin to get a fresh start.
Also, in the meantime, it is very easy to manually duplicate the children when there are too few! Sometimes the manual solution is still the best! :)
from film_roll.
Related Issues (20)
- not centering in firefox with bootstrap 3 HOT 2
- How to : Clicking on items takes items to center HOT 8
- Feature Request: Active Item's position on left or right insted of centered HOT 13
- Centering Data HOT 5
- Feature Request : Forced Infinite/Endless Loop HOT 5
- Disable Next Prev Buttons if the carousel width is small HOT 3
- "film_roll:moved" does not trigger : When Carousel width is more than all carousels combined HOT 5
- Stop the film roll move to right (tune to center) before start HOT 3
- next / previous not working when START_INDEX set HOT 6
- Events triggered twice?
- Callbacks triggered twice? HOT 3
- If the content is smaller than the container : error scroll HOT 4
- Parameter force_rotate: true caused to hangs browser page sometime HOT 5
- Callback after film_roll is fully loaded HOT 3
- Method to destroy current FilmRoll gallery HOT 4
- Mixing up with Angularjs HOT 10
- How to use a function for configure_load ? HOT 2
- How to run two slide on the tab (responsive)? HOT 4
- Right side images not showing HOT 1
- Centre on specific slide? HOT 2
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 film_roll.