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