0

次のコードを持っている 

function SetImageProperties(control)
{
    // Populate hidden fields with properties of the control
    document.getElementById("ImageName").value   = control.name;
    document.getElementById("ImageSource").value = control.src;
}


 <form>
 <div id="dhtmlgoodies_slideshow">
    <div id="galleryContainer">
    <div id="arrow_left"><img src="images/arrow_left.gif"></div>
    <div id="arrow_right"><img src="images/arrow_right.gif"></div>
    <div id="theImages">
        <img src="http://www.fastflowers.com.au/Skin/FastFlowers/Images/Products/210,210/Australiana.jpg" name="image1.jpg" onclick="SetImageProperties(this)"/></a>
        <div id="slideEnd"></div>
    </div>
</div>
</div><input type="text" value="" id="ImageName" name="ImageName"/>
<input type="text" value="" id="ImageSource" name="ImageSource"/></form>

画像のsrcと画像名を入力フィールドに取得します。「ImageSource」で画像のsrcを取得します。繰り返しますが、「ImageSource」を使用して画像を表示するにはどうすればよいですか？入力フィールドに応じた手段は、画像を再度エコーしたいです。

4

1 に答える 1

0

<div id="selectedImage">結果を保存する新しいものを追加します。次に<img>、入力に従って要素を作成し、結果を追加します。

function SetImageProperties(control)
{
    // Populate hidden fields with properties of the control
    document.getElementById("ImageName").value   = control.name;
    document.getElementById("ImageSource").value = control.src;
    // Create new image
    var img = document.createElement("img");
    img.src = control.src;
    img.setAttribute("name", control.name);
    // Output results
    var target = document.getElementById("selectedImage");
    target.innerHTML = "You selected the image:<br/>";
    target.appendChild(img);
}

DEMOを参照してください。

于 2013-03-23T18:44:54.483 に答える