思路：使用javascript定时器函数setTimeout()每隔一定的毫秒间隔数执行动作，在执行的动作中循环替换图片的src属性。树立演示如下：
十载的荔城网站建设经验，针对设计、前端、开发、售后、文案、推广等六对一服务，响应快，48小时及时工作处理。网络营销推广的优势是能够根据用户设备显示端的尺寸不同，自动调整荔城建站的显示方式，使网站能够适用不同显示终端，在浏览器中调整网站的宽度，无论在任何一种浏览器上浏览网站，都能展现优雅布局与设计，从而大程度地提升浏览体验。创新互联公司从事“荔城网站设计”,“荔城网站推广”以来，每个客户项目都认真落实执行。
1、HTML结构
img src="1.png" id="test"
2、javascript代码
function change(n){
if(n5) n=1; // 一共5张图片，所以循环替换
document.getElementById("test").setAttribute("src", n+".png");
n++;
setTimeout("change("+n+")",1000);
}
window.onload = function(){
setTimeout("change(1)", 1000);
}
3、效果演示
需要准备的材料分别有：电脑、html编辑器、浏览器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的script标签，输入js代码：$('body').append('img src="" /');。
3、浏览器运行index.html页面，此时图片被js成功显示到页面上。
你要输出吗?
img src="url"
根据程序不同.图片可以动态生成.
img src="%...%"通过脚本
还有就是可以先把图片加上.人然后直接把他隐藏diplay:none, 然后根据你的需要把它的display:block就可以了
不知道你到底怎么生成.以上两条供参考
1、点击JavaScript图片。
2、通过点击之中换成img的src属性。
3、换成属性之后，将图片设置成动画形式放大原来的1.5倍。
4、在设置中找到动画时间，将动画时间设为3秒即可。