1

誰かがこれを見て、画像を表示するために何をしなければならないか教えてもらえますか? 

<head>

<SCRIPT LANGUAGE="JavaScript">



<!-- //Begin

function changeImage(filename)
{
  mainimage.src = filename;
}

//  End -->
</script>

</head>



<body>

<p>
<a href="javascript:changeImage('image-viewer/image1.jpg')">Image 1</a>
<a href="javascript:changeImage('image-viewer/image2.jpg')">Image 2</a>
<a href="javascript:changeImage('image-viewer/image3.jpg')">Image 3</a>
<a href="javascript:changeImage('image-viewer/image4.jpg')">Image 4</a>
</p>
<p>
<img name="mainimage" src="image-viewer/blank.jpg"></p>


<p><center>
<font face="arial, helvetica" size"-2">
</center><p>


</script>
</font></body>
</html>
4

3 に答える 3

0

良き友人がこれを調べるのを手伝ってくれました

mainimage.src = filename;は間違っており、代わりにそうすべきです

<img name="mainimage" src="image-viewer/blank.jpg">

する必要があります

<img id ="mainimage" src="image-viewer/blank.jpg">

そして、これ：

mainimage.src = filename;

する必要があります

document.getElementById("mainimage").setAttribute("src", filename);

最後に余分なタグがあります。

しかし、彼女は自分の画像の場所にもっと問題を抱えていると思います. 彼はプロジェクトに関する詳細情報を必要としています

編集：実際には機能しない画像と同じフォルダーにhtmlファイルがある可能性があります。すべてのファイルが c:/image-viewer/ にあり、サブディレクトリがなく、html ファイルが c:/image-viewer/index.html. したがって、彼女は画像用の新しいフォルダーが必要です

スクリプトは、c:/image-viewer/image1.jpg ではなく、c:/image-viewer/image-viewer/image1.jpg を要求しているためです。

これがクラス向けでない場合、彼女は標準に準拠したコードを書くことを学ぶ必要があります。DOM を調べる

すべてのファイルが 1 つのフォルダーにある場合はimage-viewer/、ファイル名の前にあるものを削除する必要があります。

于 2010-07-31T21:21:12.020 に答える
0 
<!DOCTYPE html>
<html>
    <head>
        <title>Sample page</title>   
        <script type="text/javascript">

        function changeImage(replacement)
        {
            document.getElementById("main_image").src = replacement;
            return false;   
        }

        </script>
    </head>
    <body>

        <ul>
            <li><a href="javascript:changeImage('image1.jpg')">Image 1</a></li>
            <li><a href="javascript:changeImage('image2.jpg')">Image 2</a></li>
            <li><a href="javascript:changeImage('image3.jpg')">Image 3</a></li>
            <li><a href="javascript:changeImage('image4.jpg')">Image 4</a></li>
        </ul>

        <p>
            <img id="main_image" src="image-viewer/blank.jpg" alt="" />
        </p>

    </body>
</html>
于 2010-07-31T05:10:52.893 に答える
0

関数を次のように変更します。

function changeImage(filename) {
  document.main_image.src=filename;
  void(0);   
}
于 2010-07-31T05:29:06.907 に答える