Question

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

<!-- 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>

Answer 1

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

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

Answer 2

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

例如，而不是每行只是"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>');

Answer 3

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

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

Answer 4

一般提示：

始终声明您的变量（var today = ...，而不只是today = ...）
删除new Array以支持更简洁（并且最近兼容）“[”和“]”语法。
不要在链接数组中重复主机名。这是一场维护噩梦，浪费带宽。
从脚本内容中删除HTML注释。需要它们的浏览器现在已经过时了。
始终在图片上提供“alt”属性。当你用锚点包裹它们时，不要忘记给锚点赋予标题。

每日图像/链接轮换javascript问题

4 个答案: