如何创建更改图像的Javascript按钮&；每个图像链接到url&；活动按钮具有高亮度颜色

下面的示例或代码显示了如何使用javascript按钮在图像之间切换（打开按钮显示亮灯泡图像打开和关闭按钮显示暗灯泡图像）

但是，我也需要每个图像链接到不同的url网页时，图像（不是按钮）被选中

该按钮将控制图像的更改，单击时每个图像将链接到不同的url

还有一种方法可以为活动按钮创建颜色色调

我想对同一页面上的多组按钮和图像重复使用此脚本。我也愿意接受任何其他脚本编写想法

下面的示例脚本是放置在html页面主体中的javascript：

<button onclick="document.getElementById('myImage').src='http://www.w3schools.com/js/pic_bulbon.gif'">Turn on the light</button>
<img id="myImage" src="http://www.w3schools.com/js/pic_bulbon.gif" style="width:100px">
<button onclick="document.getElementById('myImage').src='http://www.w3schools.com/js/pic_bulboff.gif'">Turn off the light</button>

打开灯
关灯

您可以将图像包装在锚定标记中，然后更新href属性，就像在img元素上更新src属性一样

打开灯
关上灯

你试了什么？提示：图片作为链接：我很不好意思说，我花了几个小时试图插入一些不同的代码，但都没有成功，包括添加了一个href链接，无论我如何重新安排，我都感到非常失望……哈哈。。继续练习：）哇。。。我已经创建了几乎相同的代码，我要分享。无论如何，请注意，通常不鼓励使用内联脚本。。。您可能希望使用object.onclick或创建单击处理程序来分离脚本