jquery - jquery fancybox:「後」の写真を実装する

Question

私は建築会社のギャラリーを作っていて、fancybox を使いたいと思っています。ギャラリーの要件は、特定の画像が「変更後」の画像に関連付けられていることです。画像の関係は次のようになります。

API関数でこれを行う簡単な方法はないようです。これまでの私のアプローチは、

クラス「skip」を割り当てて、「after」の写真をスキップします

$('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 を閉じて再度開く必要があります。その後、通常のギャラリーに戻るには、閉じてから再度開く必要があります。

これを行うためのより良い方法を知っている人はいますか?