Lightbox2图像与TinyCarousel一起使用时重复两次

时间:2015-01-24 14:40:29

标签: javascript jquery conflict lightbox2 tiny-carousel

我目前遇到Lightbox2和TinyCarousel合作的问题!

当我将灯箱链接添加到轮播中的图像上时,它会在灯箱中显示该图像的2个。

我用bxSlider读取了类似的情况,解决方案是将无限变量更改为false - 我在微小的轮播中尝试了这个但是它不起作用。

您可以在此处查看问题:http://www.elementintermedia.com/newsite/ 单击Slider中的第一个图像以启动灯箱,它会在灯箱内两次显示该链接图像。这是当前页面上唯一的灯箱链接。

我知道这是一个很小的旋转木马,可以解决这个问题,好像我删除了那个插件,灯箱工作正常,olny显示图像一次

任何人都可以帮忙吗?感谢

1 个答案:

答案 0 :(得分:0)

Lightbox2 2.7.1和bootstrap轮播可以很好地协同工作

按钮:

<div class="btn-group">
    <a class="btn" href="#scroller" data-slide="prev">previous</a>
    <a class="btn" href="#scroller" data-slide="next">next</a>
</div>

旋转木马:

<div id="scroller" class="carousel slide">
    <div class="carousel-inner">
        <div class="item active">
            your content here
        </div>
        <div class="item">
            your content here
        </div>
    </div>
</div>

我没有像你一样使用它(每步1张图片),但我相信你可以在网上找到很多用法示例。