Comments (9)
Hi connman...As of right now, only one item per scroll is supported. A multiplier effect could be added to the itemsWidth variable in the animate functions inside of the scrollLeft and scrollRight functions in the plugin, but I don't believe that all of the cloned items for the infinite scoll effect will be present on either side of the scroll if you scroll by too many items at a time
from flexisel.
Sweet! Tested, it works! Thanks a lot! =D
from flexisel.
Great. Glad it is working out for you.
from flexisel.
Can you explain a little more precisely exactly where you need to make changes to be able to scroll through display four items
from flexisel.
Well, inside the scrollLeft and scrollRight functions in the plugin there's a place where the current widths of the items are calculated...1 item, the width of how much to scroll by.
itemsWidth = (innerWidth) / itemsVisible;
So after this you'd want to do something like
itemsWidth = itemsWidth * 4;
to change the multiplier to scroll by 4 items.
After this though you'd also have to append more items to the front of the back of the list of items after the scroll animation is complete if you wanted to keep the infinite scroll effect.
At the end of the day though, this behavior is not really supported in this plugin. I do know that what you are looking for is supported in other carousel plugins like FlexSlider or Slick
from flexisel.
itemsWidth = itemsWidth * 4;
If you observe closely, it shows that it is sliding 4 items, but the result is one slide.
Observe closely, even though it animates as 4 it only slides 1 item per click.
from flexisel.
I'll have to take a deeper look at this when I get a chance, but I'll take you're word for it that you're probably correct. Because the slider was not really designed for this from the outset, truly supporting this behavior properly would require a fairly substantial refactor of some of the code.
from flexisel.
It'll be grateful if you could post an update when done.
from flexisel.
Please note that this is now supported with the release of version 2.0.0.
from flexisel.
Related Issues (20)
- - increment margin between items HOT 2
- Multiple calls on window resize HOT 4
- Element order when set infinitely:true HOT 4
- Slides. second item overlaps with previous and next one HOT 2
- Need to trigger methods.scroll(true); from page on mouseover event. HOT 1
- Dynamic Data Binding HOT 1
- visibleItem:1 is not working properly HOT 2
- Can this flexisel compatible with ie8 HOT 2
- Can we turn off slider on small widths HOT 3
- swipe is left or right? HOT 1
- Event Propagation HOT 1
- How to disable touch swipe HOT 1
- When autoplay is enabled, DOM gets bombarded with duplicate clones. HOT 3
- How install in angualr js..? HOT 2
- Disable next button condition HOT 1
- Add bullets pagination HOT 1
- Needs a up/down carousal animation HOT 1
- Pause Slider until it's visible in the viewport
- For many picture norounded value problem solved liked below
- Not working with latest jquery version 3.x HOT 1
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 flexisel.