I'm after 3 carousels on the one page that are controlled by the one control. So when clicking next or previous all carousels move at once.
在一页上有三个旋转木马被一个控件控制。所以当点击next或previous时，所有的旋转木马都会同时移动。
This an example with 3 carousels but there all seperate.
这是一个有3个旋转木马的例子，但是它们都是分开的。
I'm stuck.
我卡住了。
1 个解决方案
#1
6
Here is my example:
这是我的例子:
http://jsfiddle.net/D2RLR/1247/
http://jsfiddle.net/D2RLR/1247/
The key part of the code to control all carousels is this:
控制所有旋转木马的代码的关键部分是:
<button class="btn btn-primary" data-slide="prev" href=".carousel">Prev All</button>
<button class="btn btn-primary" data-slide="next" href=".carousel">Next All</button>
By specifying the .carousel class rather than a specific ID, the button triggers events on all carousels on the page.
通过指定.carousel类而不是特定的ID，按钮触发页面上所有carousels上的事件。
#1
6
Here is my example:
这是我的例子:
http://jsfiddle.net/D2RLR/1247/
http://jsfiddle.net/D2RLR/1247/
The key part of the code to control all carousels is this:
控制所有旋转木马的代码的关键部分是:
<button class="btn btn-primary" data-slide="prev" href=".carousel">Prev All</button>
<button class="btn btn-primary" data-slide="next" href=".carousel">Next All</button>
By specifying the .carousel class rather than a specific ID, the button triggers events on all carousels on the page.
通过指定.carousel类而不是特定的ID，按钮触发页面上所有carousels上的事件。