Question

我有一个带有大量图片和一些画廊的单页面。当点击图像时，这些被触发显示在colorbox-overlay（使用Drupal，Colorbox-Plugin）中。到目前为止一切都那么好，工作得很好。

现在我想在图像和画廊（为了冗余）上附加额外的图标，以便在彩色框中打开这些图像。

对于我的测试库我得到了这个工作：

<script>
(function($){
    $('.field-name-field-slideshow-trigger').append('<div id="bgShowOverlay"></div>').css("cursor","pointer");
            $('#bgShowOverlay').click(function() {
                $("a[rel='gallery-all']").colorbox({open:true});
             });
})(jQuery);
</script>

现在对于单个图像（没有图库），我需要以某种方式为动态创建的图像链接指定。我不知道如何构建这个部分

$('#bgImageOverlay').click(function() {
                $("a[rel=?????]").colorbox({open:true});
             });

让它使用我的图像，它具有这样的rel属性：

rel="gallery-field_collection_item-60"

我希望我的问题很清楚，请原谅我的坏英语。任何帮助高度赞赏！

编辑：

我发现了

“一个[相对= '廊-所有']”

当我在我的单页面上有多个图库时，

不起作用（就像我期待的那样）。画廊中的所有图像都显示在我在彩色框中打开的图像中。

我正在寻找一种方法来对链接进行某种区分。

如何构建脚本，将动态创建的图库考虑在内？

Answer 1

这或许？

$("a[rel^=gallery]").colorbox({open:true});

我对你如何制定一些明确的答案并不是很清楚。

如何为Colorbox-Images定义一个额外的动态链接？

1 个答案: