我有一个单页纸,里面有很多图片和一些画廊。当点击图像时,它们会被触发以显示在颜色框叠加层(使用 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 ='所有画廊']”
当我的单页机上有多个画廊时,它不起作用(就像我预期的那样)。画廊中的所有图像都显示在我在颜色框中打开的图像中。
我正在寻找一种方法来对链接进行某种区分。
我如何形成脚本,它将动态创建的画廊考虑在内?