• 29-11-2007, 18:19:35
    #1


    Konu başlığındada belirttiğim gibi siteniz yüklenirken imajlarınızda güzel bir şekilde yüklensin diye css de basit bir kod yapısı hazırladım. Kod yapısnın mantığı aslında imajların arkaplanında basit bir yükleniyor resmi eklemek doğal olarak imajlarınız açılıncaya kadar yükleniyor resmini görüceksiniz imajlarınız açılıncada yükleniyor resmi arkaplanda gözükmeyecek. Sitemdede kullandığım kod yapısı oldukça basit ve kullanışlı .. bu arada loader yani yükleniyor imajlarınıda Ajaxload - Ajax loading gif generator sitesinden temin edebilir kendi sitenize uygun loaderlar oluşturabilirsiniz. ufak birde ipucu veriyim loader imajı ne kadar küçük olursa okadar hoş olur nedeni transparan resim eklediğinizde loaderin görünme ihtimali var.

    Buyrun css kod yapısı :
     img {
    background-image: url(yukleniyor.gif);
    background-repeat: no-repeat;
    background-position: center center;
    }

  • 01-12-2007, 00:12:04
    #2
    Üyeliği durduruldu
    Peki mesela sitedeki resim 400*400 boyutunda. Resim yüklenmeden önce yukleniyor.gif çıktığında pikseli bozulur mu? Gerçi deniyorum şimdi sonucu yazarım.

    Denedim, Joomla temasının css dosyasında img {} içine koydum ancak işe yaramadı. Kodlarda soun olduğunu sanmıyorum fakat ben beceremedim. Paylaşım için teşekkürler.
  • 01-12-2007, 00:19:17
    #3
    Üyeliği durduruldu
    yeri değil belki ama bunu ajaxlada yapabiliriz demi? öğreten link varsa paylaşırmısınız?

    Freezer, teşekkürler bu arada.
  • 01-12-2007, 09:51:43
    #4
    kodu eklediğiniz zaman resimi etkilemiyor sadece resmin arkaplanına bir gif atıyor ve resim yüklenmeden önce gifi görüyorsunuz. Ajaxlada yapılır ama bu basit ve kolay yöntemi.joomladada temada değişiklik yapman gerekir eğer img ile ilgili herhangi bir özellik varsa cssde bunuda onun altına ekleyebilirsin.
  • 01-12-2007, 15:11:31
    #5
    Üyeliği durduruldu
    freezer tekrar teşekkürler. freezerin ilk mesajda dediği gibi eğer şeffaf (transparan) resimleriniz varsa arkada görünüyor bilginize
  • 25-12-2007, 08:14:36
    #6
    Üyeliği durduruldu
    teşekkürler bilgilendirdiğiniz için
  • 12-01-2008, 12:47:01
    #7
    Üyeliği durduruldu
    iyide bende basit bi html dosyası var resimlerden oluşan. Buna yapmak istiyorumda css dosyası yok bunun nasıl yapıcazki şimdi :S
  • 12-01-2008, 12:57:47
    #8
    Üyeliği durduruldu
    o html dosyasının başına metaların altıne head dan önce

    <link rel="stylesheet" type="text/css" href="cssdosyan.css" />

    ekle ve cssdosyan.css diyede bi dosyanın içine kodları koy
  • 12-01-2008, 13:06:18
    #9
    frezer eyvalla.. güzel oldu. bağlantısı yavaş olanlara güzel bir görünüm..