如何添加活動鏈接或圖像到圖像映射

當我點擊第一個區域的鏈接時，我希望圖像270orange.png處於活動狀態。我不確定這是否可以實現，但如果是的話，請幫助我。如何添加活動鏈接或圖像到圖像映射

img id="Image-Maps_9200905221105171" 
    src="270vob.png" usemap="#Image-Maps_9200905221105171" border="0" 
    width="270" height="270" alt="" 

map id="_Image-Maps_9200905221105171" name="Image-Maps_9200905221105171" 

area shape="poly" coords="134, 43, 211, 178, 219, 177, 231, 174, 243, 169, 254, 159, 263, 144, 267, 128, 267, 113, 263, 95, 257, 79, 249, 65, 237, 48, 224, 35, 207, 22, 185, 11, 168, 6, 148, 2, 128, 2, 111, 4, 92, 9, 78, 14, 69, 19, 82, 17, 95, 16, 108, 19, 119, 25, 129, 35" 
    href="#" alt="Identity" title="Identity" 
    onMouseOver="if(document.images) document.getElementById('Image-Maps_9200905221105171').src= '270orange.png';" 
    onMouseOut="if(document.images) document.getElementById('Image-Maps_9200905221105171').src= '270vob.png';"/ 

area shape="poly" coords="57, 177, 52, 189, 49, 203, 49, 214, 51, 224, 57, 235, 63, 245, 67, 250, 54, 242, 43, 231, 29, 216, 19, 200, 9, 179, 3, 155, 2, 133, 4, 111, 9, 91, 17, 72, 29, 54, 41, 40, 55, 29, 72, 22, 91, 20, 108, 23, 119, 30, 127, 38, 134, 47" 
    href="#" alt="Technology" title="Technology" 
    onMouseOver="if(document.images) document.getElementById('Image-Maps_9200905221105171').src= '270violet.png';" 
    onMouseOut="if(document.images) document.getElementById('Image-Maps_9200905221105171').src= '270vob.png';" 

area shape="poly" coords="212, 178, 222, 179, 233, 178, 247, 169, 258, 160, 265, 148, 268, 135, 267, 154, 263, 171, 255, 192, 246, 209, 235, 225, 219, 239, 203, 249, 183, 259, 159, 266, 140, 268, 123, 267, 106, 265, 86, 258, 75, 252, 65, 242, 59, 232, 53, 219, 52, 204, 55, 191, 59, 179" 
    href="#" alt="Space" title="Space" 
    onMouseOver="if(document.images) document.getElementById('Image-Maps_9200905221105171').src= '270blue.png';" 
    onMouseOut="if(document.images) document.getElementById('Image-Maps_9200905221105171').src= '270vob.png';"

來源

2015-06-19 Shamakaine

你是什麼意思？ – idoberko2

首先感謝您的快速回復。我的意思是當你在那個頁面上時，文本「home」在激活時正在改變顏色，從黑色變成紅色。在我的情況下，當我將鼠標懸停在圖像地圖上（圖像是270vob.png），我創建了一個不同的圖像（圖像是270orange.png），然後當該區域被點擊並進入受尊敬的頁面時，我想要圖像270橙色。 PNG來顯示或是積極而不是270vob.png。我不知道這是否有意義。 :( 請檢查即時創建的網站的邊欄： http：// fybw。aggiedevelopment.org/6232-2 – Shamakaine

我不知道我完全理解你的意思，但如果我這樣做，那麼你真的想改變點擊所顯示的圖像。

如果這是你的問題，你可以試試這個：

document.getElementById('Image-Maps_9200905221105171').onclick = function() { 
    document.getElementById('Image-Maps_9200905221105171').src = 'image is 270orange.png'; 
};

如果你正在尋找一個更廣泛的解決方案，其中只有一個項目可以是積極的，我建議你改變你的結構位（和使用jQuery），這裏有一個建議jsFiddle。

來源

2015-06-19 20:00:02 idoberko2

如何添加活動鏈接或圖像到圖像映射

回答

相關問題