javascript - 在点击事件 html 的新窗口中打开图像

Question

我想对两个图像进行 mask 。 一张图片是预定义的，第二张图片是由用户上传的，我想在单独的新窗口中屏蔽这两张图片。

我被困在这里了-

我可以在点击事件(JQuery - On Click image open separate window)时在新窗口中打开一张图片。但无法打开两个图像。

请指导我如何在单独的新窗口或标签中打开按钮单击事件中的两个图像

我的代码-

     <a id="largeImage" onClick="swipe()">mask</a>

    <script>
     function swipe() {

       var url = "test1.jpg";

       window.open(url,'Image','_blank','','');

}
</script>

当我使用

    <script>
      function swipe() {

            var url = "test1.jpg";
            var url1 = "test2.jpg";

           window.open(url,'Image','_blank','','');
           window.open(url1,'Image','_blank','','');
       }
     </script>

它只打开第二张图片(test2 图片覆盖 test1 图片)

Answer 1

如果您在事件处理程序中尝试某些操作 -

 window.open(URL1,'_blank','','');
 window.open(URL2,'_blank','','');