imagemap重啓按鈕腳本

我想問如何設置重啓按鈕不是爲了遊戲而是爲了圖像地圖活動。圖像映射的邏輯：黑白圖像是原始圖像。點擊數字後，彩色圖像將替換原始圖像，並顯示點擊的數字/答案是錯誤還是正確。現在imagemap重啓按鈕腳本

我的問題是：如何編寫重啓功能，這將帶來原始（黑白）圖像回來的時候，所有的答案都打開。我用於點擊的代碼是：

$(document).ready(function() { 
    $('#shape1').mapster({ 
    singleSelect: false, 
    render_highlight: { 
     altImage: 'images/binary_tree-00-00_color.png' 
    }, 
    mapKey: 'color', 
    fill: true, 
    altImage: 'images/binary_tree-00-00_color.png', 
    fillOpacity: 1, 
    }); 
});

非常感謝您的關注和幫助。

我試圖把這裏的代碼：https://jsfiddle.net/mamekay/9vphykzz/

來源

2016-11-15 mame kay

你可以做一個JSFiddle的例子嗎？ –

這裏是：https://jsfiddle.net/mamekay/9vphykzz/ 非常感謝！ –

我真的很想幫忙，並希望JSfiddle能夠添加更多解釋，但事實上它讓我更加困惑。請考慮編輯這個問題，使其更清楚您所問的內容。你可能會得到一些迴應。請參閱此鏈接以獲取有關如何提出良好問題的建議。 http://stackoverflow.com/help/how-to-ask –

好，我有一個工作setup.I無法獲得小提琴的工作 - 一些問題與CDN的imageMapper插件。所以我看到的是黑色的&白色圖像，當我將鼠標移到圖像上時，我看到彩色圖像區域出現 - 有時是紅色十字，有時是綠色的勾號。我發現重置圖像映射器的方式如下面的代碼。

$(document).ready(function() { 

    $('.reset').on("click", function(e){ 
    e.preventDefault() 
    $('#shape1').mapster('unbind'); 
    imageBind(); 
    }); 

var imageBind = function() { 
    $('#shape1').mapster({ 
    singleSelect: false, 
    render_highlight: { 
     altImage: 'p2.png' 
    }, 
    mapKey: 'color', 
    fill: true, 
    altImage: 'p1.png', 
    fillOpacity: 1, 
    }); 
} 

    imageBind() 

});

您還需要將重置類添加到按鈕。

<button class="reset" onClick="">Restart</button>

這裏發生的事情是，當頁面加載的imageBind（）函數運行來設置imageMapper。然後，當單擊重置按鈕時，mapster unbind清除映射器，然後調用imageBind（）函數重新設置它。

imageMapper docs非常有用。

我認爲這就是你所需要的。

來源

2016-11-15 20:56:28

哦，非常感謝你的回覆。但現在點擊圖像/數字不起作用。我分享了代碼https://drive.google.com/drive/folders/0BxkQ17RZqAqLVkFpMDBRRklURTA。 game.html沒有重新啓動按鈕，而game_new.html是新的，當我們點擊數字時它不起作用。 –

imagemap重啓按鈕腳本

回答

相關問題