Цвет заливки и наведения мыши в плагине ImageMapster jQuery

Я пытаюсь установить цвет для клика и наведения на изображение с помощью jQuery-плагина ImageMapster, и я не могу изменить их на что-либо, кроме черного, используя fillColor и другие параметры.

Какие-нибудь мысли?

<!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>
Источник

1 ответ

Решение

Я только кратко посмотрел на ImageMapseter, но я заметил, что цвета должны быть определены без #. Итак, в вашем примере:

$('#centipede').mapster({
    singleSelect: true,
    mapKey: 'color',
    fill: true,
    fillColor: "FF0000",
    fillOpacity: 1,
});
Источник
Другие вопросы по тегам