jqueryfancybox:implement";“之后”;照片

jqueryfancybox:implement";“之后”;照片,jquery,fancybox,Jquery,Fancybox,我正在为一家建筑公司制作一个画廊,我想用fancybox。画廊的一个要求是,某些图像具有关联的“后”图像。图像关系与此类似: 似乎没有任何简单的方法可以通过api函数实现这一点。到目前为止,我的方法是 通过指定“跳过”类跳过“之后”照片 某些图像具有提示存在“之后”图像的数据元素,如果是这种情况,我会在gallery视图中添加一个链接 afterLoad : function() { if(this.element.context.dataset.before==1){

我正在为一家建筑公司制作一个画廊,我想用fancybox。画廊的一个要求是,某些图像具有关联的“后”图像。图像关系与此类似:

似乎没有任何简单的方法可以通过api函数实现这一点。到目前为止,我的方法是

通过指定“跳过”类跳过“之后”照片

某些图像具有提示存在“之后”图像的数据元素,如果是这种情况,我会在gallery视图中添加一个链接

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>' );
        }

    }
afterLoad:function(){
if(this.element.context.dataset.before==1){
this.skin.prepend('Before Image');
}
}
为了让这种方法发挥作用,我必须关闭fancybox并重新打开,然后要回到正常的库中,我必须关闭并重新打开


有人知道更好的方法吗?

你想做什么?没有在fancybox图库中显示后续图像。。。如果是这样,只需从图像后面的图像中删除
rel
属性,而不是添加
skip
类,否则请详细说明。另外,看到htmlI的相关部分是个好主意,它可以将html更改为任何东西来实现这个目标:我想做的是找到一种方式,在一个结构类似于我所附图表的图库中导航,而fancybox的打开只是为了澄清:从“IMG1”到“IMG1之后”再到“IMG2”。。。从“img 4”到“img 4后”再到“img 5”?假设“img1after”和“img4after”不在html中,是否正确。。。另外,我要求你发布你的html,以检查我猜测的是否正确,并了解你使用什么来知道是否有“后图像”(我讨厌猜测,并花费数小时来回询问问题……帮助我帮助你;)
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>' );
        }

    }