Comments (2)
Update: I realize now the width attribute is necessary to figure out scrolling distances and that it is probably computed dynamically using padding and contents of the div itself. I was able to alter my own styling to accommodate the way that new widths are computed and assigned and remedy my problem. Thanks.
from film_roll.
I will add more about this process to the documentation. In short, the plugin measures the widths of all elements before the surrounding div's are expanded for shuttling back and forth. Knowing this, you can ensure all elements are styled the way you want before the plugin is applied. When the window is resized it does this again, removing the expanded div and measuring the child element widths. As you guessed, it uses that width to position everything, so it has to apply it to the content.
It is difficult if all elements have different heights, but it is still possible to make it work. I have a solution in place that uses the first image to configure the size of all other elements. It uses some of the event triggers in FilmRoll. I also have responsive image solutions in the works. I will post this at some point. Let me know if you are interested and I'll bump this thread when it is up.
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.