jquery - iFrame Web サイトで Colorbox ギャラリーを開く

Question

現在、iFrame Web サイトにフォト ギャラリーを読み込む際に問題が発生しています。

(i) グループ化が行われたにもかかわらず、最初の画像 (つまり、Photo_1) のみが表示され、さらにクリックしても次の写真は表示されません。(ii) 「次」と「前」、写真のタイトルも欠落しています。私が見落とした部分や、iframe 環境でグループ化が機能しない部分はありますか?

コードは以下の通りです。

URL: jonelisa.loveinapod.com (「私たちの物語」をクリックし、少し下にスクロール)

経験豊富なカラーボックス ユーザーからの支援に感謝します。

index.php で:

<script>
        jQuery(document).ready(function () {
            jQuery('a.gallery').colorbox({ opacity:0.5 , rel:'group1' });
        });
</script>

abt-our-story.php で:

<a style="cursor: pointer;" onclick='parent.$.colorbox({href:"lightseeker-fb1.jpg"}); return false;' class='gallery' title="haha">Photo_1</a>
<a style="cursor: pointer;" onclick='parent.$.colorbox({href:"lightseeker-fb2.jpg"}); return false;' class='gallery' title="lala">Photo_2</a>
<a style="cursor: pointer;" onclick='parent.$.colorbox({href:"lightseeker-fb3.jpg"}); return false;' class='gallery' title="hehe">Photo_3</a>

乾杯。