弹出图像在主页上的文本

Question

我有这个问题而且我不知道如何解决它......

进入我的主页时，我想弹出一张图片，以便访问者在进入网站之前可以直接看到新事件。我尝试使用JavaScript，但我没有让它工作。

我不想创建一个新的主页，但我希望这张图片会弹出正常的主页，点击图片时会将您重定向到竞争对手，否则点击其他任何地方都可以图片消失了。

我知道如何添加链接，但我已经堆叠在JavaScript部分中。

如果有人在访问我的网站时可以帮助我如何弹出图片，我会非常感激。

Answer 1

创建一个包含pop'in的div，并在页面加载时使用jQuery：

<div id="mypopup">
     **** Somes stuff here ****
</div>


$(document).ready(function() {
   $("#mypopup").show();
});

Answer 2

拥有position: absolute属性的图片。并将其放在屏幕上的任何位置（默认显示）

使用jQuery库，执行以下操作来隐藏它。

$('.image-class').click(function(e){
    e.stopPropagation();
});

$('body').click(function(e){
    $('.image-class').hide();
});