Bootstrap carousel multiple frames at once

Question

This is the effect I\'m trying to achieve with Bootstrap 3 carousel

In

Answer 1

I had the same problem and the solutions described here worked well. But I wanted to support window size (and layout) changes. The result is a small library that solves all the calculation. Check it out here: https://github.com/SocialbitGmbH/BootstrapCarouselPageMerger

To make the script work, you have to add a new

wrapper with the class .item-content directly into your .item

. Example:

    

        

            

                First page
            
        
        

            

                Second page
            
        
    

Usage of this library:

socialbitBootstrapCarouselPageMerger.run('div.carousel');

To change the settings:

socialbitBootstrapCarouselPageMerger.settings.spaceCalculationFactor = 0.82;

Example:

As you can see, the carousel gets updated to show more controls when you resize the window. Check out the watchWindowSizeTimeout setting to control the timeout for reacting to window size changes.

0 讨论(0)

查看其它14个回答

发布评论:

提交评论

---

•  加载中...