填充和鼠標懸停顏色在ImageMapster jQuery插件

我想設置顏色爲單擊和懸停在圖像上使用jquery插件ImageMapster，並且似乎無法將它們更改爲除黑色之外的任何其他使用fillColor和其他選項。填充和鼠標懸停顏色在ImageMapster jQuery插件

有什麼想法？

<!DOCTYPE html> 
<html> 
<body> 
    <img src="/Users/Gavin/Downloads/Chrome/econwillow/Centipede02/centipeder.jpg" id="centipede" usemap="#image_map"> 

    <map name="image_map" id="image_map"> 
     <area shape="poly" color ="blue" coords=" 55,104, 62,106, 61,178, 77,183, 57,214, 36,181, 51,178, 53,105" href="#" alt="red hotspot"/> 
     <area shape="poly" color="red" coords=" 82,84, 126,85, 128,96, 165,77, 130,60, 130,72, 84,77, 83,80" href="#" alt="purple hotspot"/> 
    </map> 

<script> 
    $('#centipede').mapster({ 
     singleSelect: true, 
     mapKey: 'color', 
    fill: true, 
    fillColor: "#FF0000", 
    fillOpacity: 1, 
}); 

</script> 
</body> 
</html>

來源

2013-08-21 user2512696

我只是簡單地看過ImageMapseter，但我注意到顏色必須在沒有＃的情況下定義。所以在你的例子中：

$('#centipede').mapster({ 
    singleSelect: true, 
    mapKey: 'color', 
    fill: true, 
    fillColor: "FF0000", 
    fillOpacity: 1, 
});

來源

2013-08-21 22:06:58

啊小東西！非常感謝你，完美地工作 – user2512696

填充和鼠標懸停顏色在ImageMapster jQuery插件

回答

相關問題