如何为此脚本定义图像的位置?

时间:2014-08-23 20:42:05

标签: javascript

我迫切希望将这个问题的答案付诸实践:

https://stackoverflow.com/a/20505898/2174961

但是,我对JavaScript不是很熟悉,而且我不知道如何完成正文中的代码。当条件为真时,如何包括要显示的图像的位置?

<script>
    if( window.canRunAds === undefined ){
      // adblocker detected, show fallback
    showFallbackImage();
    }
</script>

1 个答案:

答案 0 :(得分:2)

我不确定你要做什么,但是根据你关联的问题,你想张贴一张图片,要求人们不要使用adblock,对吗?

如果是这样,也许解决这个问题的SIMPLEST方法可能是在你的html中放置一个具有特定id的图像标签,并更改图像的显示样式以隐藏或取消隐藏它。

<img src="http://path/to/your/image" id="fallbackImage" class="hide" />

使用以下css类,您可以更改该图像的显示模式

#fallbackImage.hide {
    display: none;
}

#fallbackImage.show {
    display: initial;
}

在您的javascript中,您可以通过更改其css类来显示此图片:

function showFallbackImage() {
    document.getElementById("fallbackImage").className = "show";
}