CSS Sprites - spritely jQuery ile daha sadece "dost performans"

CSS Sprites performans dostu kullanmak görüntü sıralarını çeşitli "normal" bir web tasarım kullanılır.

Tipik uygulama "içinde fare" ile bir grafik değişimdir.

Bir olasılık her devlet (fare çıkışı ve fare üzerinden) her bir grafik dosyası üretmek ve CSS kodu ile değiştirmek tanımlamak için burada olacaktır. Performans için o kadar büyük değildir - Bu yöntemi kullanarak http isteği ile web sunucusundan iki fiziksel dosya yüklenmesi gerekir.

CSS Sprites kullanımı ile hem görüntü dosyası sıraları ya da birbiriyle yan yana konumlandırılmış ve CSS (arka plan görüntüsü) ile tanımlanan resmi değişen dönüş vardır. Ne görüntü dizisinin parçası görüntülenir CSS özniteliği "background-position" tarafından belirlenir. Bu varyant olarak http isteği yük ve dolayısıyla performans dostu üzerinden sadece bir fiziksel bir dosyadır.

Yukarıdaki örnekte, sadece iki görüntü dizileri vardı. Bir flip kitap benzer - - o görüntüleri bir bütün dizi ise cinler gerçekten etkilidir (çırpınan bir kuş, çalışan bir kişi, vb gibi) olduğunu.

Spritely jQuery eklentisi

Daha fazla fırsat CSS sprites içeren Ne, gösterir spritely jQuery eklentisi . Basit yapılandırma seçenekleri ile simüle fantastik animasyon olabilir. Flaş vazgeçmek isteyenler için harika bir çözüm.

Kesinlikle eklenti web sitesine göz atın! Orada etkileyici sundu Möglichkietn.

CSS Sprites hakkında daha fazla Bağlantılar:

• jQuery ve CSS Sprite Animasyon 5 Dakika altında ise Açıklaması
• CSS sprites kolayca açıklanabilir
• CSS Sprites - Web Sitesi Performans 1
• CSS Sprites: Onlar Soğuk konum Neden Ne Onlar var, ve bunların kullanımı
• CSS Sprites w / out Arka Plan Görüntüleri Kullanma
• Tek bir görüntü ve CSS "sprites" kullanarak ekran simgeleri
• CSS Sprites kullanarak kaydetme bant genişliği ve hız artırma sitesi