html使用javascript循环显示图片

<!DOCTYPE html><html><head><meta charset="UTF-8"><title>html使用javascript循环显示图片</title><style type="text/css">#imgbox img{width: 640px;...

幕尘枫

3639人浏览 · 2020-01-11 12:01:01

幕尘枫 · 2020-01-11 12:01:01 发布

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>html使用javascript循环显示图片</title>
		<style type="text/css">
			#imgbox img{
				width: 640px;
			}
		</style>
	</head>
	<body>
		<section>
			<div id="imgbox"></div>
		</section>
	</body>
	<script type="text/javascript">
        var html="";
        var imgdata=[
	        {id:1,url:"img/01.gif"},
	        {id:2,url:"img/02.gif"},
	        {id:3,url:"img/03.gif"},
	        {id:4,url:"img/04.gif"},
	        {id:5,url:"img/05.gif"},
	        {id:6,url:"img/06.gif"},
	        {id:7,url:"img/07.jpg"},
	        {id:8,url:"img/08.jpg"},
	        {id:9,url:"img/09.jpg"},
	        {id:10,url:"img/10.jpg"},
	        {id:11,url:"img/11.jpg"},
	        {id:12,url:"img/12.jpg"}
        ];
        for(var i=0,len=imgdata.length;i<len;i++)
        {
            html+='<img src="'+imgdata[i]['url']+'"/>';
        }
        document.getElementById("imgbox").innerHTML=html;
	</script>
</html>

AI Agent技术社区

Agent 垂直技术社区，欢迎活跃、内容共建。

更多推荐

【免费下载】 index-tts-vllm：高性能文本转语音解决方案

`index-tts-vllm` 是一款开源的文本转语音（TTS）项目，基于 `index-tts` 进行了优化，通过引入 `vllm` 库重新实现了 GPT 模型的推理过程，大幅提升了推理速度和并发处理能力。项目旨在为开发者提供一个高效、稳定、易于集成的 TTS 解决方案。## 项目技术分析`index-tts-vllm` 采用了以下核心技术：- **vllm 库**：用于加速 GP

AI Agent技术社区

AgentScope示例应用：多智能体对话

在人工智能快速发展的今天，单一智能体已经难以满足复杂任务的需求。想象一下这样的场景：一个项目团队需要讨论技术方案，不同专业背景的成员各抒己见，最终达成共识。这正是多智能体对话要解决的问题——让多个AI智能体像真实团队成员一样进行有意义的交流。AgentScope作为面向开发者的多智能体编程框架，提供了强大的多智能体对话能力。本文将深入探讨如何使用AgentScope构建高效的多智能体对话系统。..