关于JS实现的图片自动跳转链接问题

hi_allen_liu 2012-01-16 04:02:31


<script language=javascript>
var curIndex=0;
//时间间隔毫秒
var timeInterval=1000;
var arr=new Array();
arr[0]="1.jpg"
arr[1]="2.jpg"
arr[2]="3.jpg"

setInterval(changeImg,timeInterval);
function changeImg(){
var obj=document.getElementById("obj");
if(curIndex==arr.length-1){
curIndex=0;
}
else
{
curIndex+=1;
}
obj.src=arr[curIndex];
}
</script>

<img id=obj src="1.jpg" usemap="#20120116">
<map id="20120116" name="20120116">
<area shape="rect" coords="420,300,560,370" href="http://www.baidu.com"></area>
</map>


简单的实现图片的间隔时间跳转,现在每张图的链接地址都是一样的,我现在想让每张图做不同跳转,请大大们教会应该怎么写?
...全文
362 6 打赏 收藏 转发到动态 举报
写回复
用AI写文章
6 条回复
切换为时间正序
请发表友善的回复…
发表回复
hi_allen_liu 2012-01-29
  • 打赏
  • 举报
回复
我写了个二维数组,年前就给解决了,谢谢。
[Quote=引用 5 楼 oggmm 的回复:]

<a href="http://www.baidu.com" target="_blank">
<img src="1.jpg" alt="" />
</a>

那你就用二维数组 或者 用另外一个相对应的数组来存链接
给img赋值src时同时赋值href
[/Quote]
oggmm 2012-01-16
  • 打赏
  • 举报
回复
<a href="http://www.baidu.com" target="_blank">
<img src="1.jpg" alt="" />
</a>

那你就用二维数组 或者 用另外一个相对应的数组来存链接
给img赋值src时同时赋值href
hi_allen_liu 2012-01-16
  • 打赏
  • 举报
回复
我希望做个超链接,点击当前的图片,可以link过去。
我现在的<map>标签只作用在<img>上,所以不管里面出现哪张图,都是href="http://www.baidu.com"。
跟绝对或者相对路径没关系吧?
[Quote=引用 3 楼 oggmm 的回复:]

arr[0]="1.jpg" 那你这里的路径用完整路径不就行咯
[/Quote]
oggmm 2012-01-16
  • 打赏
  • 举报
回复
arr[0]="1.jpg" 那你这里的路径用完整路径不就行咯
hi_allen_liu 2012-01-16
  • 打赏
  • 举报
回复
就是实现出现第一张图时可以链接到百度,出现第二张时可以链接到谷歌。
[Quote=引用 1 楼 oggmm 的回复:]

你说的不同跳转是神马意思?
[/Quote]
oggmm 2012-01-16
  • 打赏
  • 举报
回复
你说的不同跳转是神马意思?

87,991

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧