0

我有一个单页纸,里面有很多图片和一些画廊。当点击图像时,它们会被触发以显示在颜色框叠加层(使用 Drupal、颜色框插件)中。到目前为止一切顺利,工作得很好。

现在我想在图像和画廊上附加额外的图标(为了冗余),以便在颜色框中打开这些图像。

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

<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"

我希望我的问题足够清楚,请原谅我的英语不好。任何帮助都非常感谢!

编辑:

我发现

“一个[rel ='所有画廊']”

当我的单页机上有多个画廊时,它不起作用(就像我预期的那样)。画廊中的所有图像都显示在我在颜色框中打开的图像中。

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

我如何形成脚本,它将动态创建的画廊考虑在内?

4

1 回答 1

2

这也许?

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

我对您如何布置事情以给出明确的答案并没有足够清晰的了解。

于 2013-01-26T06:40:26.380 回答