在iFramed网站中打开Colorbox库

Question

目前在iFrame网站上加载照片库存在一些问题。

（i）即使已完成分组，仅出现第一张图像（即Photo_1），并且在进一步点击时不会出现下一张照片。 （ii）图片的“下一个”和“上一个”标题也丢失了。是否有任何我忽略或分组的部分无法在iframed环境中工作？

代码如下。

网址：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>

干杯。