JQuery 在单击和/或悬停在 上时更改 图像源 - 我做错了什么？

Question

我使用基本的 map 和 area 标签创建了图像 map 。我已经测试了 map ，所有区域的行为都符合预期，因此 HTML 绝对是正确的。

我现在尝试使用 JQuery 来获取 map 图像(源)在悬停和/或单击时根据不同区域的变化。通过这种方式，我希望获得一种“交互式” map ，显示 map 上不同地点的连接方式。
我定义的所有区域都有一个唯一的 ID。

这是我用于点击版本的脚本:

$(document).ready(function() {
    $('#area1').click(function() {
        $('#londonmap').css('src', 'area1map.png');
    });
});​

#area id 名称根据悬停的区域而变化，而 #londonmap 是用作 map 的图像的 ID，其来源需要根据您悬停/点击的区域而变化.

我不是 JQuery 专家，所以我需要问 - 我做错了什么？

Answer 1

'src' 不是一个 CSS 属性，而是 <img> 的一个属性。标签。

$(document).ready(function() {
    $('#area1').click(function() {
        $('#londonmap').attr('src', 'area1map.png');
    });
});​