怎么用JS调用随机图片使用js代码调用随机图片代码

现在文章内添加一些图片，非常有利于SEO优化，以前本站也介绍过一些zblog通过代码在文章内添加随机图片的方法《zblog修改代码自动调用随机图片zblog文章列表调用随机一张图片的方法》以及智能判断文章内是否有图片如果没有就添加一张随机图片的方法《zblog文章内智能自动添加随机图片》。今天再来说一种通过JS代码添加图片的方法。

首先创建一个JS文件放在根目录，我们暂且将它命名为pic.js

<script>
// JavaScript Document
var m=30; //30随机显示图片的总数量
var n=Math.floor(Math.random()*m+1)
document.write ("<img src='/pic/pic"+n+".gif' border=0 galleryimg=no>");
//图片保存在/pic/文件夹下，根据设置的图片总数量，分别放入10张从pic01.gif到pic_30.gif的图片
//在执行这个JS时，它会随机显示从pic1.gif到pic30.gif的图片。（我并不清楚是pic01还是pic1）
</script>

在你想要显示随即图片的地方放上以下代码：

<script language="JavaScript" src="/Js/pic.js"></script>

//在IE和Firefox下可能无法显示

附：简单的JavaScript随机显示图片广告的效果

兼容性：IE6+ FireFox2+ Opera9+

<script>
/**
* 简单的JavaScript随机显示图片广告的效果
* site http://www.jbxue.com
*/
var str=new Array("/image/img/1.jpg","/image/img/2.jpg","/image/img/3.jpg");
var a;
a=str[parseInt(Math.random()*(str.length))];
document.write("<img src="+a+">");
</script>

赏支付宝打赏微信打赏