Question

我已将colorbox添加到我的网站以显示我的图像，但我想创建一个额外的链接来打开幻灯片，而不是单击图像缩略图。我已经尝试了Colorbox网站上常见问题解答中的代码，但它无效。这就是我所拥有的。（链接到网页：colorbox link demo

<a id="openGallery" href="#">Click for more images</a>
$(document).ready(function() {
    $('a.slideGroup').colorbox({rel:'slideGroup', transition:"elastic", opacity:"0.5"});

    var $gallery = $("a[rel=slideGroup]").colorbox();
    $("a#openGallery").click(function(e){
        e.preventDefault();
        $gallery.eq(0).click();
    });
});

Answer 1

您正在调用colorBox()函数两次，我认为这是不正确的。

如果你把它们结合起来你应该好好去：

<a id="openGallery" href="#">Click for more images</a>
<script type="text/javascript">
    $(document).ready(function() {
        //just one call to set up the colorbox
        var $gallery = $('a.slideGroup').colorbox({rel:'slideGroup', transition:"elastic", opacity:"0.5"});

        $("a#openGallery").click(function(e){
            e.preventDefault();
            $gallery.eq(0).click();
        });
    });

以下是CodePen上的一个工作示例：http://codepen.io/simoncowie/pen/agxGl

幻灯片显示的其他颜色框文本链接

1 个答案: