İçeriğe geç
ShiftDelete.Net
Haber ara/ SDN'ye SorGiriş
Haber Akışı SDNTV İnceleme Forum Yapay Zeka Akıllı Telefon Elektrikli Otomobil Oyun ShiftDelete.Net Global Teknoloji Haberleri Mobil Otomobil Donanım Savunma Bilim Sosyal Medya İnternet Giyilebilir Teknoloji Rehber Ürünler Son dakika Yazarlar
  1. Ana sayfa
  2. Topluluk
  3. Programlama
  4. Web Programlama (PHP, ASP, HTML, CSS, JavaScript)
Web Programlama (PHP, ASP, HTML, CSS, JavaScript)

ASP.NET Ve Lightbox

skys04.06.20111 cevap4.324 görüntüleme
2008'den beri1.042 mesaj
#1
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>
Cevaplar
2009'den beri153 mesaj
#2
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..

Cevabını yaz

Cevap yazmak için giriş yap ya da üye ol. Eski forum kullanıcı adın ve parolanla girebilirsin.