修改引导轮播以同时显示多个幻灯片 [英] Modify bootstrap carousel to display multiple slides simultaneously
问题描述
我想要修改bootstrap 3的轮播,以便一次显示多个幻灯片。我知道我可以把多个缩略图在一个幻灯片(div .item),但问题是,旋转木马将滑过它们,同时移动到下一组,而我想一步一步地通过它们。
I'm wanting to modify bootstrap 3's carousel to display several slides at once. I know that I could put multiple thumbnails in a single slide (div .item) but the problem with that is that the carousel will slide past them all simultaneously moving on to the next group whereas I'm wanting to step through them one by one.
我找到了一个我想要的示例: http:// www.bootply.com/117282 唯一的问题是,我需要5或6张幻灯片可见如反对4.我花了几个小时试图修改这个工作按照需要,但我显然不有足够的了解如何工作。
I've found an example of exactly what I want here: http://www.bootply.com/117282 The only problem with this is that I need 5 or 6 slides visible as oppose to 4. I've spent several hours attempting to modify this to work as desired but I clearly don't have a sufficient understanding of how it works.
我的jquery / javascript理解是很基本的,但我的CSS是相当体面的。有人可以告诉我如何修改这个显示5/6幻灯片同时?我真的很感激的帮助。
My jquery/javascript understanding is pretty elementary but my CSS is pretty decent. Could someone show me how to modify this to display 5/6 slides simultaneously? I really appreciate the help.
谢谢,
Sharma
Thanks, Sharma
推荐答案
想要覆盖这个小提琴:
1 :
在JS中:change for(var i = 0; i <2; i ++){
由 for(var i = 0; i <4; i ++){
2 :
在HTML中:change col-lg-3
col-lg-2
(共6个项目)
bootply =http://www.bootply.com/123662> http://www.bootply.com/123662
bootply : http://www.bootply.com/123662
这篇关于修改引导轮播以同时显示多个幻灯片的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!