我正在为一家建筑公司制作画廊,我想使用 fancybox。画廊的一个要求是某些图像具有关联的“之后”图像。图像关系类似于这样:
似乎没有任何简单的方法可以使用 api 函数来做到这一点。到目前为止,我的方法是
通过为它们分配“跳过”类来跳过“之后”照片
$('a:not(.skip)').fancybox();
某些图像具有提示“后”图像存在的数据元素,如果是这种情况,我会在图库视图中添加一个链接......
afterLoad : function() {
if(this.element.context.dataset.before==1){
this.skin.prepend( '<div onclick="javascript:parent.$.fancybox(afterimg);" style="margin-left:50%">Before Image</div>' );
}
}
为了让这种方法发挥作用,我必须关闭fancybox并重新打开,然后才能回到正常的画廊,我必须关闭并重新打开。
有谁知道更好的方法来做到这一点?