Javascript 来自iframe的jquerypop图像

我有一个带有图像的iFrame，jquery有没有办法让它们可以点击并在iFrame之外显示

这就是我所拥有的：

    $(".my-image").click(function(e){
        e.preventDefault();
        $(this).find('img').css({
            'width': '600px',
            'position': 'absolute',
            'left': '50%',
            'top': '10px'
        })
    });

但图像仍然位于iFrame内部

如果1）在iFrame上设置

allowfullscreen

（及其各种供应商前缀变体），2）使用固定定位，则可以退出iFrame

---

我应该提到的是，浏览器支持是粗略的：

不是我所知道的CSS技巧。为此，我们必须使用jQuery插件：

---

像符咒一样工作是个好主意，但没有成功：（我不得不做一些技巧来获得iframe的图像。为此，我收集了一些jQuery插件：