Javascript 将鼠标悬停在上方时图像是否会更改？

可能重复：

有谁能告诉我，当图片悬停在上面时，如何让下面代码中的图片1到图片9改变为不同的图片？我有不同版本的每一张图片，都用不透明层变暗，并有文字。它们已经有了jquery灯箱效果和旋转木马效果。可以在这里找到：（主图下三人并排）

---

将它们设置为

的背景图像：

在悬停状态下切换它们

a:link, a:visited {
  display: block;
  background: url(image-light.jpg) no-repeat 0 0;
  width: width of image;
  height: height of image;
}
a:hover, a:active, a:focus {
  background-image: url(image-dark.jpg);
}

a:link, a:visited {
  display: block;
  background: url(image-light.jpg) no-repeat 0 0;
  width: width of image;
  height: height of image;
}
a:hover, a:active, a:focus {
  background-image: url(image-dark.jpg);
}