如何使iframe在新窗口中打开

-1

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

此外，由于本网站是为我的一个朋友，他希望能够改变自己的图片，而不必一直要求我改变网站。

所以解决方案是使用flickr中的iframe创建他的画廊，并将他的画廊嵌入到网站中。

这是代码：

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

我的问题是，当浏览者点击的图像上，然后他会被重定向到Flickr的网站，因此他是从我的网站了。

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

预先感谢您

来源

2014-09-10 George Georgiou

我不认为你可以，除非你有权访问iFrame内容（我假设你没有，除非你为flickr工作）。请参阅：http://stackoverflow.com/questions/4583792/make-links-inside-an-iframe-open-in-a-new-window和http://stackoverflow.com/questions/22808065/how-to-使所有链接在一个iframe中打开新标签 – Moob 2014-09-10 18:34:49

而不是有一个iFrame你可以创建自己的简单画廊。 [这是一个非常简单的演示]（http://jsfiddle.net/xu7x9a8t/）将它变成一个完整的幻灯片将是相当微不足道的。 – Moob 2014-09-10 19:09:17

@GeorgeGeorgiou：请检查更新的解决方案。 – 2014-09-10 19:43:15

试试这个：

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


$(document).ready(function() { 
     window.open("https://www.flickr.com/photos/[email protected]/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/[email protected]/15148138666/in/set-72157647343739461/player/", "theFrame"); 
return ""; 
} 
}); 


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

UPDATED DEMO

来源

2014-09-10 18:29:11

只有当您单击iframe时，才可以打开它，以便在打开页面时不会弹出，而是1）用户打开页面2）用户阅读文本等等等等等等3）用户看到他点击的漂亮照片在iframe上并显示？ – 2014-09-10 18:42:56

是的，有一种方法。让我更新代码。 – 2014-09-10 19:02:35

@GeorgeGeorgiou：查看最新的代码和演示。 – 2014-09-10 19:09:17

我不知道这是否会为你工作，但是，如果你使用Jsoup的例如API画廊，HTML的内容。您可以根据需要更改内容。我在一个我工作过的项目中已经做到了这一点，在我的情况下，图像的路径绝对是，我没有问题打开它进入对话框。

来源

2014-09-10 18:40:12 fdam

赛义德阿里塔奇提出的解决方案更好。干净和简单，只需要一个小的修改，只有当你点击iframe才能改变 – 2014-09-10 18:44:27

如何使iframe在新窗口中打开

回答

相关问题