Coder Social home page Coder Social logo

rtpharry / bootstrap3-showmanyslideonecarousel Goto Github PK

View Code? Open in Web Editor NEW
39.0 39.0 33.0 42 KB

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

HTML 69.92% JavaScript 30.08%

bootstrap3-showmanyslideonecarousel's People

Contributors

rtpharry avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar

bootstrap3-showmanyslideonecarousel's Issues

Not working offline

The demo works for me at all the links online (bootply, codepen, your test url), but when I download it I only see 1 item at a time in the carousel

screen shot 2015-05-19 at 11 06 44 pm

Ideas? Thanks!

Weird padding issue and images showing up multiple times

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.

See the attached files
carousel_bug_2

On the "color mess" picture (full screen size)

carousel_bug

On the dog picture (smaller window)

Happens in Firefox and Chrome, so probably everywhere...

Thanks for any help you can provide...

6 across

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?

http://codepen.io/JacobLett/pen/PGZKZz

sliding all instead of one

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...

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.