하나의 창에서 여러 이미지 열기 및 여러 창 유형 열기

Question

저는 html과 javascript를 처음 사용합니다. 웹 페이지에 표시 할 데이터가 많은 웹 기반 UI에서 작업하고 있습니다. 나는 그것을 테이블에 보여주고있다. 이제 각 행마다 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> 
} 

을 여기에 자바 스크립트에게 있습니다

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') 
} 

난 데 문제는 이것은 단지 두 번째 이미지를 여는 것을하지 이미지를 모두와 새 창을 열려면 이전 창을 닫아야합니다.

두 가지 문제를 해결하기 위해 어떤 실수를했는지 또는 코드에서 어떤 수정을해야하는지 알려주십시오.

Answer 1

popUpWindow을 참조 용으로 사용하고 있습니다.

즉, window.open에 대한 두 번째 호출은 새 창을 열지 않지만 이미 존재하는 것을 사용합니다. 당신이 항상 새 창 다음 기준으로 _blank를 사용하려는 경우

는 또한

---

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

인해 영업 이익으로 의견을 ... 예를 들어, 그들에게 다른 참조 문헌을 준다. ..

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

Answer 2

당신은 하나 개의 창에서 모두 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; 
       }