每日图片/链接轮换javascript问题答案

【问题标题】：Daily image/link rotation javascript question每日图片/链接轮换javascript问题
【发布时间】：2026-02-16 18:30:01
【问题描述】：

我有这个每日图像旋转脚本，效果很好。我需要图像是可点击的。任何帮助表示赞赏。

<!-- Begin
today = new Date();
day = today.getDay();
arday = new Array
("http://www.magnatexpumps.com/imagesnew/featured/featuredProduct_3575.jpg", 
"http://www.magnatexpumps.com/imagesnew/featured/featuredProduct_mp_mpl.jpg", 
"http://www.magnatexpumps.com/imagesnew/featured/featuredProduct_mph.jpg", 
"http://www.magnatexpumps.com/imagesnew/featured/featuredProduct_mmp.jpg", 
"http://www.magnatexpumps.com/imagesnew/featured/featuredProduct_mep.jpg", 
"http://www.magnatexpumps.com/imagesnew/featured/featuredProduct_mst.jpg",
"http://www.magnatexpumps.com/imagesnew/featured/featuredProduct_s.jpg", 
"http://www.magnatexpumps.com/imagesnew/featured/featuredProduct_maxp.jpg", 
"http://www.magnatexpumps.com/imagesnew/featured/featuredProduct_mpt.jpg",
"http://www.magnatexpumps.com/imagesnew/featured/featuredProduct_mta.jpg", 
"http://www.magnatexpumps.com/imagesnew/featured/featuredProduct_me.jpg",
"http://www.magnatexpumps.com/imagesnew/featured/featuredProduct_sm.jpg");

document.write("<img src='" + arday[day] + "'>");
//  End -->
</SCRIPT>

【问题讨论】：

不要把放在你的脚本周围
通常的 hack 是将放在脚本标签中，以将其隐藏在不理解 js 的浏览器中，但我认为现在 99% 的浏览器都这样做了 :D

标签： javascript html image

【解决方案1】：

为什么不写一个<a> 元素呢？

document.write('<a href="LINK_HERE" title="TITLE_HERE"><img src="' + arday[day] + '"><\/a>');

【讨论】：

【解决方案2】：

可点击到哪里？？除了 img src 之外，您还必须为每个“行”添加一个 url。

例如，不是每行都只是 "http://www.magnatexpumps.com/imagesnew/featured/featuredProduct_3575.jpg", 而是：

{ img: "http://www.magnatexpumps.com/imagesnew/featured/featuredProduct_3575.jpg",
  url: "LINK GOES HERE" },

那么最后一行就可以了：

document.write('<a href="' + arday[day].url + '"><img src="' + arday[day].img + '" /></a>');

【讨论】：

我要感谢所有提供帮助的人。我能够让它工作，而且我不做编程，所以这说明了一些事情：o）它正在运行：magnatexpumps.com/index.html 一个脚本，它每天在午夜更改图像并且也是可点击的。非常感谢。

【解决方案3】：

下面的示例在您的图像周围创建一个链接，只需更改 href 属性的值：

document.write("<a href='#'><img src='" + arday[day] + "' border='0'></a>");

【讨论】：

【解决方案4】：

几个通用提示：

始终声明您的变量（var today = ...，而不仅仅是 today = ...）
放弃new Array，转而使用更简洁（并且现在同样兼容）“[”和“]”语法。
不要在链接数组中重复主机名。这是一场维护噩梦，也是对带宽的浪费。
从脚本内容中删除 HTML cmets。需要它们的浏览器现在已经过时了。
始终在图像上提供“alt”属性。当你用锚包裹它们时，别忘了给锚定标题。

【讨论】：