单击缩略图时如何显示完整尺寸的图像？

Question

我有车辆清单，每辆车都有自己的图像。现在缩略图显示图像正在显示，我想在点击缩略图时显示完整尺寸的图像。它从数据库中获取图像名称（c.VehicleImage）。如何为imgVehicleImage创建onClick事件？

<tr>
    <td colspan="3">
        <asp:Image runat="server" ID="imgVehicleImage" />
    </td>
</tr>

代码背后：

if (!string.IsNullOrEmpty(c.VehicleImage))
{
    imgVehicleImage.Visible = true;
    imgVehicleImage.ImageUrl = "/thumbnail.ashx?ImgFilePath=" + ConfigurationManager.AppSettings["VehicleImageFolder"] + Company.Current.CompCode + "\\" + c.VehicleImage + @"&width=200&height=200"; ;
}

Answer 1

在HTML中，对缩略图和图像使用asp:Image，但隐藏图像。然后，单击缩略图时，隐藏缩略图并显示图像。

您可以使用JQuery。有关示例，请参阅toggle visibility of div。