Question

I ve created an image map using the basic map and area tags. I ve tested the map and all the areas behave as they are supposed to, so the HTML is definitely correct.

我现在正试图使用 JQuery 来获取地图( 源) 变化的图像, 在悬浮和/ 或点击时根据不同区域的不同区域来获取。这样, 我希望能获得一种互动的地图, 显示地图上不同位置的连接。
我定义的所有区域都有独特的 ID 。

这是我在点击版本中使用的脚本 :

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

#rea id 名称根据悬浮区域更改,而 #londonmap 1 是用作地图的图像的标识, 其来源需要根据您悬浮/ 单击的区域更改。

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

Answer 1

src 不是 cs 属性, 但它是标签的属性。

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

Answer 2

您正试图用 jQuery 的 < code>$. css () 方法更改图像源。图像源不是用 CSS 设置的, 而是图像本身的属性。因此, 您应该使用 < code>$. attr () 来修改此值 :

$("#londonmap").attr("src", "area1map.ong");

友情链接