在一個窗口中打開多個圖像，並打開多個此類窗口

我是新來的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

好吧，你是對的。將永遠不會有內容，但這是相當於寫入。順便說一句，我的意見只是一個快捷方式 –

在一個窗口中打開多個圖像，並打開多個此類窗口

回答

相關問題