Question

我有一些批量图像里面的DIV标签，如果我点击这个DIV标签内的图像，我需要在图像控件中显示该图像。

这里是我的回应我在哪里显示所有批量图片：如果我点击上面的DIV选择的图像应该Image控件中显示内部的图像

<script> 
     $('#showfilelist').append("<div id=" + file.id + " class='thumb'><a href='uploads/" + document.getElementById("currentDirectory").value + "/" + file.name + "' target='_blank' rel='gallery'><img src='uploads/" + document.getElementById("currentDirectory").value + "/" + file.name + "' width='50' height='50'/></a></div>"); 
</script> 

现在

<asp:Image ID="Image1" runat="server" BackColor="#0099CC" BorderStyle="None" 
           Height="624px" Width="500px" /> 

Answer 1

我想你正在创建一种Gallery应用程序，或类似的东西，并从你的文章AMAIK，你想显示大图像，点击其缩略图。

然后我的建议是在客户端设置Image控件的src属性，以便浏览器发送HTTP GET请求来获取图像。

所以，我建议您按照下列步骤操作：

1. 对于每一个缩略图，添加自定义属性，像data-large-image-url并将其值设置为链接缩略图的大图片。
2. 看到什么是ASP.NET的Image控制的渲染结果和使用jQuery（可以使用ClientIDMode='Static'的工作效率）
3. 在每个缩略图的点击找到它，只需设置大型形象价值的src属性到data-large-image-url属性。

---

$('#thumbnails').click(function(){ 
     $('#large-image').attr('src', $(this).attr('data-large-image-url')); 
    }); 

Answer 2

如果你是真正的创建画廊，不推倒重来，并使用尝试和真正的插件。我建议Lightbox2。