ASP.NET Ve Lightbox

[skys]

Arkadaşlar database'den Verileri ve resimleri çekiyorum.. Resimlerde Lightbox Kullanmak istiyorum.. Ancak bir türlü nasıl yapacağımı Anlamadım.Biraz araştırdım Ancak tüm kaynaklar İngilizce olduğu için pek anlıyamadım.Aşağıda Html kodlarım var Yardımcı olabilirseniz Çok Sevinirim

 <asp:DataList ID="DataList1" runat="server" CellPadding="4" 
        RepeatColumns="3" DataKeyField="UrunID" 
        oncancelcommand="DataList1_CancelCommand" oneditcommand="DataList1_EditCommand" 
        onupdatecommand="DataList1_UpdateCommand" CssClass="cboxSlideshow_on" 
                    ForeColor="#333333">
               <AlternatingItemStyle BackColor="White" ForeColor="#284775" />
        <EditItemTemplate>
            <table class="style1">
                <tr>
                    <td align="center" colspan="2">
                        <asp:TextBox ID="txturunadi" runat="server" Text='<%#Eval ("Urunadi") %>'></asp:TextBox>
                    </td>
                </tr>
                <tr>
                    <td align="center" colspan="2">
                        <asp:FileUpload ID="FileUpload1" runat="server" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <asp:TextBox ID="txtfiyat" runat="server" Width="50px" Text='<%#Eval ("fiyat") %>'></asp:TextBox>
                    </td>
                    <td>
                        <asp:RadioButton ID="rbevet" runat="server" GroupName="indirim" 
                            Text="İndirimli" />
                        <asp:RadioButton ID="rbhayir" runat="server" GroupName="indirim" 
                            Text="İndirimsiz" />
                    </td>
                </tr>
                <tr>
                    <td width="40px">
                        <asp:Button ID="btnguncelle" runat="server" CommandName="Update" 
                            Text="Güncelle" />
                    </td>
                    <td>
                        <asp:Button ID="btniptal" runat="server" CommandName="Cancel" Text="İptal" />
                    </td>
                </tr>
            </table>
        </EditItemTemplate>
        <FooterStyle BackColor="#5D7B9D" ForeColor="White" Font-Bold="True" />
        <HeaderStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" />
        <ItemStyle ForeColor="#333333" BackColor="#F7F6F3" />
        <ItemTemplate>
            <table class="style1">
                <tr>
                    <td align="center" colspan="2">
                        <asp:Label ID="lblUrunAdi" runat="server" Text='<%# Eval ("Urunadi") %>'>'</asp:Label>
                    </td>
                </tr>
                <tr>
                    <td align        ="center" colspan="2">
                        <asp:Image ID="Image1" runat="server" ImageUrl='<%# "resimgetir.aspx?id="+Eval("UrunID") %>' /> 
                    </td>
                </tr>
                <tr>
                    <td>
                        <asp:Label ID="lblfiyat" runat="server" Text='<%# Eval("fiyat") %>'></asp:Label>
                    </td>
                    <td>
                        <asp:Image ID="Image2" runat="server" ImageUrl='<%# "~/images/"+Eval("indirimdemi")+".jpg" %>' />
                    </td>
                </tr>
                <tr>
                    <td>
                        <asp:Button ID="btnsec" runat="server" CommandName="Select" Text="Seç" />
                    </td>
                    <td>
                        <asp:Button ID="btnduzenle" runat="server" CommandName="Edit" Text="Düzenle" />
                    </td>
                </tr>
            </table>
        </ItemTemplate>
        <SelectedItemStyle BackColor="#E2DED6" Font-Bold="True" ForeColor="#333333" />
    </asp:DataList>

 

[ilica18]

Selamun aleyküm hocam kendi kullandığım sistemi yazıyorum buraya..
Öncelikle buradan lightbox2 yi indir sonra sitenin anasayfasında head tag ları arasına
<script type="text/javascript" src="temalar/lytebox2/js/prototype.js"></script>
<script type="text/javascript" src="temalar/lytebox2/js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="temalar/lytebox2/js/lightbox.js"></script>
<link rel="stylesheet" href="temalar/lytebox2/css/lightbox.css" type="text/css" media="screen" /> kodlarını dosya yollarını kendi projene göre değiştirerek yaz.
son olarak da resimleri gösterdiğin img bölümüne tek resim için rel="lightbox" birden fazla resim için rel="lightbox[roadtrip]"
kodunu ekle hepsi bu kadar.. takıldığın yerde cleanvac.net adlı
sitemden lightbox kullanım şeklini inceleyebilirsin..