我尝试使用tutorial(漂亮的照片库)制作图片库并尝试使用FormView实现一个
因为我没有缩略图像我正在使用原始图像,其宽度和高度用asp:ImageButton控制减少(我不想因为磁盘空间较少而制作图像的缩略图)。
当数据绑定到ImageButton的PostBackUrl时,在运行时它还会占用aspx页面所在的目录,并将其预先添加到原始图像路径,如下所示:
实际产量:
http://localhost:1038/LeaseOffer/~/App_Images/SpecialDay/SpecialDayq3PNvhXZ.jpg
预期产出:
http://localhost:1038/App_Images/SpecialDay/SpecialDayq3PNvhXZ.jpg
主要的代码块如下:
<link href="../Styles/prettyPhoto.css" rel="stylesheet" type="text/css" />
<script src="../Scripts/jquery-1.6.min.js" type="text/javascript"></script>
<script src="../Scripts/jquery.prettyPhoto.js" type="text/javascript"></script>
<script type="text/javascript" charset="utf-8">
$(document).ready(function () {
// $("a[rel^='prettyPhoto']").prettyPhoto();
$("a[rel^='prettyPhoto']").prettyPhoto();
});
</script>
<asp:FormView ID="FormView1" runat="server" DataSourceID="odsSpecialDay">
<ItemTemplate>
<div>
<a href='<%#DataBinder.Eval(Container.DataItem,"Img1") %>' rel="prettyPhoto[pp_gal]">
<asp:ImageButton PostBackUrl='<%# Eval("Img1") %>'
runat="server"
rel="prettyPhoto[pp_gal]"
ImageUrl='<%# Eval("Img1") %>'
Width="80" Height="80" />
</a>
<a href='<%#DataBinder.Eval(Container.DataItem,"Img2") %>' rel="prettyPhoto[pp_gal]">
<asp:ImageButton PostBackUrl='<%# Eval("Img2") %>'
runat="server"
rel="prettyPhoto[pp_gal]"
ImageUrl='<%# Eval("Img2") %>'
Width="80" Height="80" />
</a>
</div>
</ItemTemplate>
</asp:FormView>
<asp:ObjectDataSource ID="odsSpecialDay" runat="server" SelectMethod="GetPostById"
TypeName="BLL.SpecialDayBLL">
<SelectParameters>
<asp:QueryStringParameter Name="Id" QueryStringField="Id" Type="Int32" />
</SelectParameters>
</asp:ObjectDataSource>
除了这种方法以外的任何其他方式我也会感激。
如果有任何语法错误,我很抱歉:)