目前在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>
干杯。