sg.programmer
جمعه 24 تیر 1390, 09:25 صبح
سلام
اول اینکه اون Update Panel تو کدای شما هیچ کاربردی نداره. چون دکمه هایی که قراره روشون کلیک بشه بیرون از Update Panel هستن و این باعث Refresh کل صفحه میشن.
دوم اینکه واسه انجام این کار احتیاجی به Update Panel و asp:Image و asp:Button نیست. کنترلهای سمت کلاینت همراه با javascript کافیه
سوم اینکه شما لازم نیست تو db یه ستون واسه thumb و یکی هم واسه full تعریف کنید. و ذخیره تنها اسم عکس کافیه (مسیر لازم نیست، چون مسیر ثابت هستش)
به جای ستونهای thumb و full یه ستون به اسم FileName تعریف کنید و کدای زیر رو تو صفحه قرار بدید
<head runat="server">
<title></title>
<script>
function ShowFullImage(fileName) {
document.getElementById('BigImage').src = '/full/' + fileName;
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div style="width: 600px; background-color: Gray; height: 400px">
<img id="BigImage" Width="100%" Height="100%"/>
</div>
<div>
<asp:DataList ID="DataList1" runat="server" DataSourceID="SqlDataSource1" RepeatColumns="3"
Style="text-align: center" CellSpacing="5">
<ItemTemplate>
<br />
<img src='/thumb/<%# Eval("FileName") %>' width="120px" height="90px"/>
<br />
<input type="button" value="Show Full Size" onclick="ShowFullImage('<%# Eval("FileName") %>')" />
</ItemTemplate>
</asp:DataList>
<asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:ConnectionString %>"
SelectCommand="SELECT * FROM [tblPic]"></asp:SqlDataSource>
</div>
</form>
</body>
و آخر اینکه به نظرم اگه به جای درست کردن آلبوم تصاویر توسط DataList و ... از آلبوم های تصاویر Jquery استفاده کنید و اونو داینامیک کنید، آلبومتون ظاهر قشنگتری پیدا میکنه
میتونی یک مثال بزنی
********************
آخر اینکه به نظرم اگه به جای درست کردن آلبوم تصاویر توسط DataList و ... از آلبوم های تصاویر Jquery استفاده کنید و اونو داینامیک کنید، آلبومتون ظاهر قشنگتری پیدا میکنه
********************