rtpharry / bootstrap3-showmanyslideonecarousel Goto Github PK
View Code? Open in Web Editor NEWA sample showing how to configure the Bootstrap 3 carousel to show many panels at once but only slide one at a time
License: MIT License
A sample showing how to configure the Bootstrap 3 carousel to show many panels at once but only slide one at a time
License: MIT License
all texts turn bold in a transition
First off, thanks for doing probably the best version of this carousel extension.
However, I seem to have some weird isue with it. When the items are being moved, their padding gets messed up, and sometimes, parts of some images get shown twice. When moving is done, it all goes back to normal.
I tried setting solid color background to all .item and its children elements, hoping that it is an issue casued by me seeing the next slide, and I tried setting paddings to 0, but to no avail.
I am using 4 240px wide images in a carousel with max-width 1170px at the most.
On the "color mess" picture (full screen size)
On the dog picture (smaller window)
Happens in Firefox and Chrome, so probably everywhere...
Thanks for any help you can provide...
Thank you for sharing this. I am trying to get it to work with six across and it works on desktop. But on mobile it is stacking items. Do you know what I would change to hide the stacked items?
I'm using bootstrap 3.3.7...
If I take your base code in a blank html page, when I click left or right, what happens is that instead of 1 sliding off and 5 sliding on, 1,2,3,4 slide off, and 2, 3, 4, 5 slide on...
Not sure what is generating this issue - I'm assuming its something with the slight increase in bootstrap - but I need to be on 3.3.7 for this...
Hoping something triggers to help me figure out what the issue is...
When press and hold 'right arrow key' in keyboard after few slides i see overlaying animation
http://dl1.joxi.net/drive/2016/08/04/0013/3841/917249/49/ce6de58330.jpg
Hi,
thx for your work, it's great to share it ๐
I tried to fork your example for making a carousel with 2 items in full width, in a col-md-6 conainer :
http://codepen.io/anon/pen/dYENmP
It seems to work but when it slide there is a bad effect.
I don't if I am right with your code....
Have a nice day !
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.