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

使用此：

var _leng = my_image.length
  , td = "<td><a href='#url#' onclick='displaying(/image#url#)' id='/image#url#'><img src='#url#' width='80' height='65' /></a></td></tr><tr>"
  , i; 

for (i=0; i < _leng; i++) {
  str += td.replace(/#url#/g, my_image[i])
}

检查此示例： http://jsfiddle.net/hMfRG/

Answer 2

您的引号不匹配，因此字符串未正确生成，或者根本没有......您可能在控制台中出错。

str += "<td><a href='" + my_image[i] + " onclick='displaying()' id='/image" + my_image[i] + "'><img src='" + my_image[i] + "' width='80' height='65' /></a></td></tr><tr>";

您不能使用这些特殊引号‘’或”，只能使用这些单引号或双引号'或"。

示例：

document.getElementById('image')

你在循环中有displaying()但在下面，它被称为displayImage()。此外，该函数需要您在调用中未提供的参数。

Answer 3

查看帖子的语法高亮显示。你可以清楚地看到你的报价到处都是。例如，你有src='"+url+'"，这是错误的。您还可以在某些地方使用“智能引号”。修复引号，它应该停止抛出语法错误。

但最重要的是，您的onclick函数调用displaying()，而函数调用displayImage并接受参数。

Answer 4

我这样做了：

<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;
}

javascript将图片加载到div onclick

4 个答案: