1

こんにちは私はJavaScriptを使用してギャラリーを作成しようとしています。下部に小さな画像を一列に並べたいのですが、1つをクリックすると、その画像が上の大きなウィンドウに表示されます。そのウィンドウには現在、画像が含まれています。

JavaScriptは初めてなので、私が何をしているのか100％確信が持てません。これが私が使おうとしていたものですが、機能していませんでした。ヒントはありがたいです。：

<script>
function changeimage(val)
{
    var x = val.getAttribute("src");
    var y = getElementById("Display");
    var z = y.getAttribute("src");
    z.setAttribute("src","x");
}
</script>


<img class="mid_one" src="Images/home3.jpg" alt="home1" width="186px" height="186px" onclick="changeimage(this)"/>

前もって感謝します。

<img name="Display" id="Display" src="Images/home2.jpg" width="450" height="450" alt="Displayed Image"/>

編集：表示を追加

4

2 に答える 2

0

これを試して

function changeimage(val)
{
    var x = val.getAttribute("src");
    var y = getElementById("Display");
    y.setAttribute("src",x);
}

あなたの論理によると var z = y.getAttribute("src");、文字列とnot an Element..次の行では、属性を文字列に設定しているようです..

于 2012-11-15T23:58:53.450 に答える
0

要素（y）に属性を設定する必要があります。属性値（）に属性を設定することはできませんz。

また、変数xを使用して、文字列ではなく、他の画像からソースを取得する必要があります"x"。

var x = val.getAttribute("src");
var y = document.getElementById("Display");
y.setAttribute("src", x);
于 2012-11-15T23:58:56.973 に答える