在mvc4中使用javascript渲染相同的页面

Question

我是mvc4的新手。我正在使用局部视图。在那个局部视图中，我需要填充原始图像和负图像。第一次，我正在加载原始图像，当我按下切换按钮时，我需要使用负片图像更新局部视图而无需进入控制器。

注意：我从控制器那里得到了原始图像和负图像。

请帮我怎么做？

Answer 1

如果同时加载原始图像和负图像，我猜这些图像中的负图像位于不可见的div中。因此，您只需要切换原始图像和负图像的可见性。

HTML code：

<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";
}