نمایش عکس های یک جدول در یک کنترل

[mohsen.nsb44]

فرض کنید یک جدول موجود است که سه فیلد به نام های pic1 , pic2 , pic3 را داراست
اسم عکس ها در دیتابیس و خود عکس ها در پوشه ذخیره شده است
با کد زیر عکس ها نمایش داده میشوند



<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False"
DataKeyNames="id" DataSourceID="SqlDataSource1" Width="100%"
ShowHeader="False" CssClass="font">
<Columns>
<asp:TemplateField>
<ItemTemplate>
<table style="width:100%;">
<tr>
<td class="style2">
<table style="width:100%;">
<tr>
<td valign="top">
<asp:ImageButton ID="ImageButton1" runat="server"
ImageUrl='<%# Eval("pic1","~/img/{0}") %>' Width="250px"
BorderColor="#CDCDD1" BorderStyle="Outset" BorderWidth="5px" Height="250px" />
<div>
<table style="width:100%;">
<tr>
<td align="center">
&nbsp;</td>
<td align="center">
&nbsp;</td>
</tr>
</table>
</div>
<div>
</div>
<div>
</div>
</td>
</tr>
</table>
</td>
<td valign="top">
<div align="right">
<asp:Label ID="Label3" runat="server" Font-Bold="True" ForeColor="#3366CC"
Text="توضیحات"></asp:Label>
<hr />
</div>
<div align="right"><asp:Label ID="Label1" runat="server" Text='<%# Eval("tozihat") %>'></asp:Label>
</div>
<div align="right">
<asp:Label ID="Label4" runat="server" Font-Bold="True" ForeColor="#003399"
Text="مشخصات فنی"></asp:Label>
<hr />
</div>
<div align="right">
<asp:Label ID="Label2" runat="server" Text='<%# Eval("moshakhasat") %>'
CssClass="rightText"></asp:Label>
</div>
</td>
</tr>
<tr>
<td class="style2" align="center">
<asp:ImageButton ID="ImageButton4" runat="server" Height="200px"
ImageUrl='<%# Eval("pic2", "~/img/{0}") %>' Width="200px" />
</td>
<td valign="top">
<table style="width:100%;">
<tr>
<td valign="top">
<p>
<a href="#dialog" name="modal">
<asp:ImageButton ID="ImageButton2" runat="server" Height="200px"
ImageUrl='<%# Eval("pic2","~/products_img/{0}") %>' Width="200px" />
</a>
</p>
</td>
<td valign="top">
<p>
<a href="#dialog" name="modal">
<asp:ImageButton ID="ImageButton3" runat="server" Height="200px"
ImageUrl='<%# Eval("pic3", "~/img/{0}") %>' Width="200px" />
</a></p>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="style2">
&nbsp;</td>
<td>
&nbsp;</td>
</tr>
</table>
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>


حال کنترل دیگری مثل گرید ویو میخوام ، میخوام زمانی که روی عکس هر کدوم از عکس ها کلیک بشه همون عکس در گریدویو نمایش داده بشه
اگر فقط یک عکس بود مشکلی نبود با کد زیر میشد


<asp:ImageButton ID="ImageButton1" runat="server"
ImageUrl='<%# Eval("pic1","~/img/{0}") %>' " />


حالا میشه راهی رو پیشنهاد کنین که مشکلم حل بشه

[mohsen.nsb44]

خیلی از سایت ها رو دیدم که چنین کاریو انجام میدن کسی اطلاع نداره چطور این کار رو میشه انجام داد؟

[fakhravari]

من نمونه های زیادی گزاشتم
http://barnamenevis.org/showthread.php?317497-%D8%A7%D8%B3%D9%84%D8%A7%DB%8C%D8%AF-%D8%B4%D9%88-%D8%A8%D8%B1%D8%A7%DB%8C-%D8%AF%D8%A7%D9%86%D9%84%D9%88%D8%AF&highlight=%D8%A7%D8%B3%D9%84%D8%A7%DB%8C%D8%AF%D8% B4%D9%88+%D8%A8%D8%B1%D8%A7%DB%8C+%D8%AF%D8%A7%D9% 86%D9%84%D9%88%D8%AF
سمپل شما هم درست کردم
توی ضمیمه هست