0

div内のテーブル行から選択した画像を表示したい。for ループを使用してテーブルにデータを入力していますが、id が動的であるため、選択した画像を div 内に表示するのが難しいことがわかりました。これが私のforループです

for (i=1; i < my_image.length-1; i++) {

            if (i%3==0) {

                str += "<td><a 

href='"+my_image[i]+"'onclick='displayimg()'id=/image"+my_image[i] +"/"+" class='popup-

open'><img src='"+my_image[i]+"'"+

                "width='80' height='65'></a></td></tr><tr>";

            }

            else {

                str+= "<td><a href='"+my_image[i]+"'class='popup-open'><img src=' 

"+my_image[i]+

"' width='80' height='65'></a></td>";

            }
        }

ユーザーのクリック時にこれらの画像を div コンテンツに表示するにはどうすればよいですか。

4

1 に答える 1

0

私があなたを正しく理解している場合、テーブルには動的な一意の ID がありますが、div は静的であり、クリックされた画像の拡大図のように、選択された画像を保持しますか?

もしそうなら、これを試してみてください...

JavaScript については、次のコードを試してください。

function showImage(container, image)
{
    var imageTag = document.getElementById(container);
    imageTag.src = image;
}

作成中のテーブルで、タグ内の onclick メソッドに対して

<img onclick="showImage('IDofTheImageTagToRenderImage', this.getAttribute('src')" />

そのため、どの Id が画像を保持しているかを知る必要はありません。必要なのは src 情報のみであり、それを javascript メソッドに渡して、選択した画像を表示する div の画像タグを設定できます。（私の理解では）これは、動的に生成されたものではなく、その div の静的 Id 値になるためです。

これをポップアップ div に配置している場合は、そのための何かもあり、回答を変更して適合させることができます。

于 2015-08-25T03:01:23.327 に答える