javascript - 新しいウィンドウに画像を表示

Question

現在、画像をクリックして新しいウィンドウで画像を開こうとしています。しかし、コードのどこが間違っているのかわかりません。解決策はありますか？

function largePic(){

var imageNumber = document.getElementById("img2");
imageNumber = this.getAttribute('src').split(".", 1);
window.open(imageNumber[0] + "zlatan-stor.jpg");

}

Answer 1

this.getAttribute('src').split(".",1);" " を次のように変更してみてください。

imageNumber.getAttribute('src').split(".",1);

Answer 2

この質問はあなたの質問と非常に似ています。

コードの主な問題は、URL が必要であり、URL が提供されていないことだと思います window.open。

このリンクにある回答に従うと、コードを外部ファイルに分離できるはずです。これは、@ Skatox が述べたように、良い方法です。

Answer 3

#img2 がクリックされているのは確かですか? そうでない場合は、次のようにします。

function largePic(){

   var imageNumber = document.getElementById("img2");
   var link = imageNumber.getAttribute('src').split(".", 1);
   window.open(link[0] + "zlatan-stor.jpg");

}

これは、関数がインラインで呼び出された場合にのみ機能します (実行しないでください。js コードを別のファイルに入れる必要があります)。