在新标签中显示图像

时间:2013-03-02 13:38:51

标签: c# asp.net

我在datalist上显示图像缩略图: enter image description here

<asp:DataList ID="dtlistImages" runat="server" RepeatColumns="5" RepeatDirection="Horizontal"
                        BorderColor="#336699" BorderStyle="Solid" BorderWidth="2px">
            <ItemTemplate>
            <%--<img id="imgImageHtml" height="83px" width="150px" src="<%Eval("img_tb") %>" alt="Image not displyed" runat="server" />--%>
            <a href="" target="_blank">
                 <asp:Image ID="imgnewspaper" style="float:right; margin:5px; margin-left:10px; border:2px solid #BAB9BE;" Width="90px" Height="95px" runat="server" OnClick="MyPicture_Click"  AlternateText='<%# Eval("newspaperName") %>' ImageUrl='<%# Eval("img_tb") %>' Autopostback="true" />                 
                 </a>
                 </br>
                 <asp:Label ID="lblID" runat="server" Text='<%# Eval("pageNumber") %>' Font-Bold="true"
                            Font-Size="10pt" ForeColor="#336699" Width="100%"/>                            
                 </ItemTemplate>
                 <ItemStyle HorizontalAlign="Center" VerticalAlign="Top" />    
    </asp:DataList>

现在我想在新标签上显示缩略图大图。 我该怎么办???

1 个答案:

答案 0 :(得分:4)

我不知道您尝试做什么,您在使用什么,新标签是什么意思(新的网络浏览器标签?)

可能只是:

<a href="yourImg.jpg" target="_blank"> 
    <img src='yourImgSmall.jpg' alt='some thumbnail' />
</a>

编辑:

在RAZOR中,您可以这样做:

foreach (var i in Directory.GetFiles(galleryPath).Select(Path.GetFileName)){

 <a href="/Content/images/@i" target="_blank"> 
   <img src='/Content/images/thumbnail/@i' alt='some thumbnail' />
 </a>


}

当然假设缩略图与完整图像同名。