A
A
Alexander Ruzhevich2016-05-30 10:12:18
Bootstrap
Alexander Ruzhevich, 2016-05-30 10:12:18

Multiple slides at the same time through bootstrap?

Good day, the question arose of adding a block with new articles to the site, I want to do it through the bootstrap slider, I already worked with it + it’s convenient to display new posts in a cycle. The appearance will be something like this codepen.io/rtpHarry/pen/ogVord
or this
www.bootply.com/94452
The problem is that I can’t display several slides at the same time, even if I just copy all the code including the script and the styles are still displayed only one slide instead of 6. That is, the width of the slider is for the entire container, and there is only one slide on the left, and when changing the slide, the next one also becomes on the left. Maybe someone knows how to control the number of slides shown at the same time?
I even downloaded the archive with this slider from herehttps://github.com/rtpHarry/Bootstrap3-ShowManySli... and still it does not work as it should) Maybe someone will download it and check how one of you behaves the slider?)
This is also discussed here stackoverflow.com/questions /22558936/modify-bootst... and it doesn't work either, most likely I'm missing something, but I can't figure out what it is.

Answer the question

In order to leave comments, you need to log in

1 answer(s)
A
Alexander Ruzhevich, 2016-06-18
@ruzhevich

in general, suddenly it will come in handy for someone, it didn’t work with the bootstrap slider, I made a carousel on js using the jquery.flexisel plugin, it is freely available, everything just works with a bang. download the plugin, connect it, initialize the script on the page

<script type="text/javascript">


    $("#idБЛОКА КАРУСЕЛИ").flexisel({
        visibleItems: 4,
        itemsToScroll: 1,         
        autoPlay: {
            enable: true,
            interval: 5000,
            pauseOnHover: true
        }        
    });

</script>

further on the page here is the html code
<ul id="#idБЛОКА КАРУСЕЛИ">

    <li><img  src="1.jpg"/></li>
    <li><img  src="2.jpg"/></li>
    <li><img  src="3.jpg"/></li>
    <li><img  src="4.jpg"/></li>    

</ul>

and everything works fine, easy to set up, in general, satisfied.

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question