在一个窗口中打开多个图像，并打开多个此类窗口

我是新来的HTML和JavaScript。我正在开发一个基于网络的用户界面，我在网页上显示大量数据。我在桌上展示它。现在为每行我有2个图像显示。我想在每一行中创建一个链接，从而打开一个新窗口并显示这两个图像。而且当我点击其他行中的其他链接时，也应该打开前一个已打开的窗口。在一个窗口中打开多个图像，并打开多个此类窗口

下面是我在做什么：

for ($i=0;$i<$total_images;$i++){ 
    <tr><td><a href=\"JavaScript:newPopup('/var/www/html/images/imga$i.png','/var/www/html/images/imgb$i.png');\">Open Images with Link $i</a><td></tr> 
}

这里是的javascript

function newPopup(url1,url2) { 
    popupWindow = window.open(url1,'popUpWindow','height=700,width=800,left=10,top=10,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no,status=yes') 
    popupWindow = window.open(url2,'popUpWindow','height=700,width=800,left=10,top=10,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no,status=yes') 
}

我遇到的问题是，这是只打开第二图像没有图像和我必须关闭以前的窗口才能打开一个新窗口。

请告诉我，我在做什么错误或我需要什么修改的代码如何解决这两个问题。

来源

2014-04-03 Bhavesh

您使用popUpWindow作为为参照。

这意味着window.open第二个呼叫将不会打开一个新的窗口，但将使用已经存在的。

给他们不同的refences，例如...

function newPopup(url1,url2) { 
    popupWindow1 = window.open(url1,'popUpWindow1',...); 
    popupWindow2 = window.open(url2,'popUpWindow2',...); 
}

此外，由OP评论到期，如果总是想要一个新的窗口，然后使用_blank作为参考。 ..

window.open(url1,'_blank',...);

来源

2014-04-03 13:15:54 freefaller

谢谢，以及如果我必须在同一窗口中打开两个图像会怎么样.. – Bhavesh

然后，您将不得不编写一个接受两个参数（可能通过查询字符串）的页面，然后在那里显示这些图像。直接导航到图像时，浏览器无法同时显示两张图像 – freefaller

谢谢..第二个问题，我必须关闭上一个窗口才能打开下一个。其实我必须比较各行的图像，所以他们需要同时打开，但在这里我必须关闭前一个，该怎么办？ – Bhavesh

您可以打开一个窗口，这两个URL一样容易：

function newPopup(url1,url2){ 
        var contents = '<img src="' + url1+ '"></img>' + '<img src="' + url2+ '"></img>' ; 
        var previewWindow = window.open('','Preview','',''); 
        previewWindow.document.body.innerHTML = contents; 
       }

来源

2014-04-03 13:42:39

''是不太正确的，因为''不能包含任何东西，因此是一个自闭的标签。 – freefaller

好吧，你是对的。将永远不会有内容，但这是相当于写入。顺便说一句，我的意见只是一个快捷方式 –

在一个窗口中打开多个图像，并打开多个此类窗口

回答

相关问题