网页上的旋转媒体重新加载

Rotating media on webpage reload

本文关键字：加载 新加载 旋转 媒体 网页      更新时间：2023-09-26

我在一个网站上工作，旁边有一个广告空间。我希望能够在每次加载页面时显示不同的广告。如果广告是纯图像，我知道如何做到这一点，但我也希望其中一些是youtube视频或其他媒体来源。

我想使用javascript，但我想使用尽可能少的脚本。

任何帮助都将非常感激。

对于图像，我会使用如下代码: 
<script type="text/javascript">
//Random Banner image on Page Reload
//store the images in arrays below
images = new Array(5);
images[0] = "<a href='http://www.example.com'><img src='some_image.gif'/></a>";
images[1] = "<a href='http://www.example.com'><img src='some_image.gif'/></a>";
images[2] = "<a href='http://www.example.com'><img src='some_image.gif'/></a>";
images[3] = "<a href='http://www.example.com'><img src='some_image.gif'/></a>";
images[4] = "<a href='http://www.example.com'><img src='some_image.gif'/></a>";
index = Math.floor(Math.random() * images.length);
document.write(images[index]);
</script>

增加你已经拥有的逻辑，你可以像这样为youtube视频添加标记(使用youtube iframe api):

images[5] = '<iframe type="text/html" width="640" height="390" src="http://www.youtube.com/embed/u1zgFlCw8Aw?enablejsapi=1&origin=http://example.com" frameborder="0"></iframe>';

你想在JavaScript中这样做有什么特别的原因吗?似乎它更适合于服务器端技术。

相关文章：