javascript - div onclickへのjavascriptロード画像

Question

for ループ内の画像リンクからユーザーがクリックした画像を div に表示したい。

私のforループは次のとおりです。

<a href='' name=my_image[i]

onclick='disp_image('link_image_url')'id=my_image[i]  class='popup-open'><img src=my_image[i] width='80' height='65'></a>;

そして私のJavaScript関数

<script language=\"javascript\">


function disp_image(url){

document.getElementById('image').innerHTML ="<img src=url width='100' height='105'>";

;}

</script>


</script>

ただし、divコンテンツにロードされていません

<div id="image"></div>

誰かがdivコンテンツで選択した画像を動的に表示する方法を知っていますか

Answer 1

私はこのようにしました：

<div id="result" style="width:450px;height:296px;">
<img name="main" src="/images/image.jpg" alt="">
</div>

function change_pic(img_name,img_src) 
{
  document[img_name].src=img_src;
}

Answer 2

Answer 3

Look at the syntax highlighting of your post. You can clearly see that your quotes are all over the place. For instance, you have src='"+url+'", which is wrong. You also have "smart quotes" in places. Fix the quotes and it should stop throwing syntax errors.

But most importantly, your onclick function calls displaying(), whereas the function is called displayImage and takes an argument.