imagemapster不同區域有不同的顏色

我想知道imagemapster下面是否可能：我需要區域1和區域2. 當我將它們中的一個懸停時，它們都必須突出顯示，但使用不同的顏色，例如區域1是藍色當我徘徊其中一個時，綠色，而區域2在懸停時呈黃色和紅色。imagemapster不同區域有不同的顏色

這是我試過到目前爲止：

<script type="text/javascript"> 
    $(document).ready(function() 
    { 
    $('#Landkarte').mapster({ 
    fillOpacity:0.5, 
    mapKey: 'data-group', 
    areas : [ 
    {key : 'keyone',fillColor: 'FF0000',fillOpacity : 0.5}, 
    {key : 'keytwo',fillColor: 'FFFF00',fillOpacity : 0.5}, 
    }); 
    }); 
</script>

而我的HTML

<area data-group="keyone,keytwo" href="#" coords="117,65,370,89" shape="rect"></area> 
    <area data-group="keyone" href="#" coords="117,65,370,89" shape="rect"></area>

這顯然並沒有真正的工作就是我想要的。如果有人能幫助我，我會非常感激！

最好的問候，

拉斐

來源

2013-08-28 user2726157

不同的顏色應該是沒有問題的。使用「imagemapster」你只需要添加一個「數據maphilight」屬性。

數據maphilight = '{「則strokeColor」：「FF0000」，「strokeWidth」：5 「填充顏色」：「FFFFFF」，「fillOpacity」：0.5}'

<map name="map_dummy" id="map_dummy"> 
    <area shape="poly" coords="226,245,334,335,434,345,454,317,308,194" href="http://www.google.de" alt="Object" data-maphilight='{"strokeColor":"FF0000","strokeWidth":5,"fillColor":"ffffff","fillOpacity":0.5}'> 
    <area shape="poly" coords="9,566,51,509,171,584,306,582,406,670,386,687,174,689" href="#" alt="Subject" data-maphilight='{"strokeColor":"FFFF00","strokeWidth":5,"fillColor":"ffffff","fillOpacity":0.5}'> 
</map>

小提琴： http://jsfiddle.net/Fiddel/gX3tH/

來源

2013-11-20 13:59:05

數據maphilight是爲maphilight不imagemapster –

imagemapster不同區域有不同的顏色

回答

相關問題