旋转木马上点击打开图像

Question

我需要一个特定的旋转木马，例如，10个可见的4个幻灯片，你可以滚动浏览每一个。当您单击拇指时，它会在顶部打开图像。

下面是一张图片：

我使用了很多滑块，但没找到我要找的东西。

Answer 1

您可以为Carousel的容器提供背景图像，然后使用一些jquery在单击其中一张图片时更改背景图像。

用

围绕每个图像

<a href="javascript:;" id="img1"></a>

然后使用jquery

$('#img1').on('click', function() {
    $('#changeMe').css('background-image', 'url(bg1.jpg)');
})

最后在css

#changeMe {
    background-image: url(bg1.jpg);
    background-repeat: no-repeat;
}

编辑，请参阅http://www.bootply.com/PCAYskJ3Tl以获取快速示例