-2

次のように小さなスライドショーを用意してください。1枚の画像を選択できます。1つの画像を選択した場合、対応する画像名を入力フィールドに取得したい。これどうやってするの？助けてください。

 <div id="theImages">
            <a href="#" onclick="showPreview('images/image1_big.jpg','1');return false"><img src="images/image1.jpg" name="image1"></a>     
            <a href="#" onclick="showPreview('images/image2_big.jpg','2');return false"><img src="images/image2.jpg" name="image2"></a>     
            <a href="#" onclick="showPreview('images/image3_big.jpg','3');return false"><img src="images/image3.jpg" name="image3"></a>     
            <a href="#" onclick="showPreview('images/image4_big.jpg','4');return false"><img src="images/image4.jpg" name="image4"></a>     
            <a href="#" onclick="showPreview('images/image5_big.jpg','5');return false"><img src="images/image5.jpg" name="image5"></a>     
            <a href="#" onclick="showPreview('images/image6_big.jpg','6');return false"><img src="images/image6.jpg" name="image6"></a>     
            <a href="#" onclick="showPreview('images/image7_big.jpg','7');return false"><img src="images/image7.jpg" name="image7"></a>     
            <a href="#" onclick="showPreview('images/image8_big.jpg','8');return false"><img src="images/image8.jpg" name="image8"></a>
 </div>
4

1 に答える 1

0

これを試してください：（完璧ではありませんが、うまくいきます）

 <div id="theImages">
    <a href="#" onclick="showPreview('images/image1_big.jpg','1');return false" name="image1"><img src="images/image1.jpg"></a>     
    <a href="#" onclick="showPreview('images/image2_big.jpg','2');return false" name="image2"><img src="images/image2.jpg"></a>     
    <a href="#" onclick="showPreview('images/image3_big.jpg','3');return false" name="image3"><img src="images/image3.jpg"></a>     
    <a href="#" onclick="showPreview('images/image4_big.jpg','4');return false" name="image4"><img src="images/image4.jpg"></a>     
    <a href="#" onclick="showPreview('images/image5_big.jpg','5');return false" name="image5"><img src="images/image5.jpg"></a>     
    <a href="#" onclick="showPreview('images/image6_big.jpg','6');return false" name="image6"><img src="images/image6.jpg"></a>     
    <a href="#" onclick="showPreview('images/image7_big.jpg','7');return false" name="image7"><img src="images/image7.jpg"></a>     
    <a href="#" onclick="showPreview('images/image8_big.jpg','8');return false" name="image8"><img src="images/image8.jpg"></a>

    <br /><br />

    <form action="" method="">
        <input type="text" name="drop" id="drop" />
    </form>
 </div>

 <script>
    function showPreview(fileName,fileNumber){
        //document.getElementById("drop").value = fileName; // full filename + path
        var filename_no_path = fileName.split('/');
        document.getElementById("drop").value = filename_no_path[1] // just filename - no path
    }
 </script>
于 2012-11-04T10:27:38.700 に答える