Question

我的flickr iframe存在问题。

我有一个网站，我在其中嵌入了一个来自flickr的iframe，以显示一个图库，而不必担心创建滑块和调整图片大小并提取缩略图。

此外，由于这个网站是给我的一个朋友，他希望能够自己更换他的照片，而不必一直问我改变网站。

因此解决方案是使用flickr中的iframe创建自己的画廊，然后将他的画廊嵌入网站。

这是代码：

  <div class="six columns">
        <iframe src="https://www.flickr.com/photos/127583121@N07/15148138666/in/set-72157647343739461/player/" width="500" height="281" frameborder="0" allowfullscreen webkitallowfullscreen mozallowfullscreen oallowfullscreen msallowfullscreen></iframe>
    </div>

我的问题是，当观众点击图片时，他会被重定向到flickr网站，因此他离开了我的网站。

当用户点击iframe在新的浏览器窗口中打开flickr网站时，是否可以创建它，以便用户不会从我的网站丢失？

提前谢谢

Answer 1

试试这个：

<div class="six columns">
    <iframe name="myFrame"></iframe>
</div>


$(document).ready(function () {
        window.open("https://www.flickr.com/photos/127583121@N07/15148138666/in/set-72157647343739461/player/", "theFrame");
});

它将打开一个新的弹出窗口，用户可以分别与其中的图像进行交互。

<强> DEMO

更新的解决方案

经过大量的搜索和尝试，我终于找到了一个最接近你想要的解决方案。它只需要click来确认用户。如果用户点击stay on page，iFrame将在另一个窗口中打开。

$(document).ready(function () {
window.onbeforeunload = function () {
window.open("https://www.flickr.com/photos/127583121@N07/15148138666/in/set-72157647343739461/player/", "theFrame");
return "";
}
});


<div id="dv" class="six columns">
<iframe id="myFrame" name="myFrame" src="https://www.flickr.com/photos/127583121@N07/15148138666/in/set-72157647343739461/player/"></iframe>
</div>

<强> UPDATED DEMO

Answer 2

我不确定它是否适合您，但是，如果您使用Jsoup的API将图库的内容作为HTML获取。您可以根据需要更改内容。我在一个我工作的项目中做过这个，就我而言，图像是＆＃39;路径是绝对的我把它打开成对话框没有问题。

如何在新窗口中打开iframe

2 个答案: