2014-11-03 55 views
-1

我试图创建一个弹出窗口。弹出图片而不点击任何地方

我主持我自己的网站,我希望图像在网站打开时显示为弹出窗口。

我试着写一些代码:

<head> 
<script type="text/javascript"> 

     function openWin(img){ 

      var path = "images/" 

      window.open(path+img,"mywin","menubar=0,resizable=0,width=200,height=200") 
     } 
    </script> 
</head> 

<body> 
<a href="javascript:openWin('abc.jpg')">open window</a> 
</body> 

但是在这里我不想让<a href>。它表明,当我点击它时,图像打开,但我不想要这个。

我希望图像不需要点击或悬停在任何地方就可以显示图像,而且当我单击图像外的任何地方以便关闭图像时,我也希望这样做。

那么我该如何做到这一点?

+1

在现代浏览器中,没有人会看到弹出窗口,因为弹出窗口阻止程序会阻止它。谢谢你弹出90年代和00年代的垃圾广告。你应该做的是在页面顶部使用模态图层,这样你就可以控制它并显示和了解人在页面上的图像外部何处单击。 – epascarello 2014-11-03 17:32:18

回答

0

只需在html页面底部的脚本标记中调用openWin()函数即可。不要将它与点击或其他事件关联起来,只需调用该函数即可。该脚本将在页面加载时运行,调用该函数,该函数将在没有关闭的浏览器上打开一个新窗口。

可能的话,那会激怒你的用户,他们会消失。