通知 爱刷机 路由器教程 →→《省钱助手

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

2018-10-02
0评论
/
阅读
爱搜啊

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

怎么用JS调用随机图片使用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>

点击链接加入群聊三群:751529538

点击链接加入群聊二群:376877156

点击链接加入群聊【路由器交流群:622891808已满】

本站附件分享,如果附件失效,可以去找找看

诚通网盘附件百度网盘附件


饿了么红包

饿了么红包

于2018-10-02发布