imgのjavascript onclickを使用して画像を拡大表示する/表示しない

Question

これはなぜ動作しないのか分かりません。以前は自分のサイトで作業していて、その後終了しました。それはjsfiddleで動作していないので、私はそれがコーディングの問題であると仮定しています。ここにはダウンしたバージョンがありますフルサイズの画像が2つあり、表示するように設定されています。

javascript関数は、表示スタイルを「なし」または「ブロック」に変更するために、フルサイズの写真を変更するためにonclickを使用してピクチャのサムネイルに入れられます。ここで

ではJavaScriptです：

<img src='image1.jpg' id='img0' style='width: 100%; height: auto; border: solid #fff; box-sizing:border-box; display:block;' /> 
<img src='image2.jpg' id='img1' style='width: 100%; height: auto; border: solid #fff; box-sizing:border-box; display:none;' /> 

<img src='image1.jpg' style='height: 66px; cursor: pointer;' onclick="show_pic('img0')" /> 
<img src='image2.jpg' style='height: 66px; cursor: pointer;' onclick="show_pic('img1')" /> 

Here's the jsfiddle

Answer 1

あなたのコードは正常に動作します：

ここではHTMLです。私はJSフィドルを開き、このコードを編集しました。

var current = "img0"; 
function show_pic(this_one) { 
    document.getElementById(current).style.display = "none"; 
    document.getElementById(this_one).style.display = "block"; 
    current = this_one; 
} 

.jsファイル上にあるので、スクリプトタグを削除するだけです。