使用javascript或数据列表中的jquery显示完整图像
我正在使用uplodify upload上传图像并将其绑定到数据列表中,我可以上传和dind图像,但现在我想在大预览中显示图像 情况是 默认情况下,第一个图像应该以大尺寸显示,然后当用户单击下一行时,下一行图像应该以大尺寸显示,直到用户不单击其他行为止 如何在javascript或jquery的帮助下实现这一点 请尽快帮助我 我的数据表是使用javascript或数据列表中的jquery显示完整图像,javascript,jquery,datalist,Javascript,Jquery,Datalist,我正在使用uplodify upload上传图像并将其绑定到数据列表中,我可以上传和dind图像,但现在我想在大预览中显示图像 情况是 默认情况下,第一个图像应该以大尺寸显示,然后当用户单击下一行时,下一行图像应该以大尺寸显示,直到用户不单击其他行为止 如何在javascript或jquery的帮助下实现这一点 请尽快帮助我 我的数据表是 <asp:DataList ID="DataList1" runat="server" RepeatDirection="Vertical" onite
<asp:DataList ID="DataList1" runat="server" RepeatDirection="Vertical" onitemcommand="DataList1_ItemCommand" onitemdatabound="DataList1_ItemDataBound" CaptionAlign="Right" CellSpacing="6">
<ItemTemplate>
<asp:ImageButton ID="Image" runat="server" ImageUrl='<%#"~/Controls/ShowImage.ashx?FileName=" +DataBinder.Eval(Container.DataItem, "FilePath") %>'
OnCommand="Insert_Command" CommandArgument='<%# Eval("Id").ToString() +";"+Eval("FilePath")%>' />
<asp:Label ID="lblimagenumber" runat ="server" Text='<%# DataBinder.Eval(Container.DataItem, "FileName") %>' ></asp:Label>
</ItemTemplate>
</asp:DataList>
您可以在包含所有上传图像的数据列表下方或上方设置一个contianer。像这样使用js 标记
<div id="imagePreview"></div>
我去潜水了
<div id="loadarea" class="imageViewArea">
<asp:Image ID="imgthumb" runat="server" />
</div>
我能够显示图像这一行是什么$(“#imagePeview”).html(“”);我应该使用html文件吗?alsoIt将在imagePreview div中附加图像标记
#imagePeview img
{
height:400px;//You can either set height or width to an image, it will scale accordingly
}
<div id="loadarea" class="imageViewArea">
<asp:Image ID="imgthumb" runat="server" />
</div>
Image imgThumb = (Image)this.FindControl("imgthumb");
imgThumb.ImageUrl = "~/Controls/ShowImage.ashx?FileName=" + ImgName;