在mvc4中呈現與javascript相同的頁面

Question

我是mvc4的新手。我正在使用部分視圖。在這部分視圖中，我需要填寫原始和負面的圖像。第一次，我加載原始圖像，當我按下切換按鈕時，我需要用負片圖像更新局部視圖，而不必去控制器。

注：我從控制器獲得原始和負面圖像。

請幫幫我該怎麼辦？

Answer 1

如果你加載原始和負面的圖像，我想負面的是在一個不可見的div。所以你只需切換原始圖像和負面圖像的可見性即可。

HTML代碼：

<div id="image-1"><img src="..."></div> 
<div id="image-neg-1" class="invisible"><img src="..."></div> 
<button id="toggle-1" /> 

Javascript代碼：

document.getElementById("toggle-1").onclick = toggleImage; 

function toggleImage() { 
    var firstImage = document.getElementById("image-1"), 
     vis = firstImage.style.display; 

    document.getElementById("image-1").style.display = (vis === "none") ? "block" : "none"; 
    document.getElementById("image-neg-1").style.display = (vis === "none") ? "none" : "block"; 
}