WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
JavaScript / Images and Media

Responsive Slideshow Photo Gallery Grid

— Eklenti WorldWideScripts.net için

@tr1wwsGüncel kalmak bizim beslemesine abone olun!

Yeni! Istediğiniz gibi bizi takip edin!


Responsive Slideshow Photo Gallery Grid - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Duyarlı Slayt Foto Galeri sıvı / esnek / duyarlı düzeni vardır. Temelde ızgara senin chosing bir div içine html sayfası eklenir ve bu div genişliğinin dayalı uyarlayan oluyor, ızgara yüksekliği küçük sayısına dayalı modifiye ve diğer unsurlar grid div altında ise bunlar otomatik olarak aşağı itti olacak (belge akışı). Verilen örneklerde size diğer konfigürasyonlar mümkündür elbette, bu ızgara kullanmak olabilir bir kaç yoldan görebilirsiniz (bu örneklerin kodu indir dosyaları sağlanan lütfen unutmayın).

JavaScript kodu Saf OOP, jQuery veya diğer kütüphanelerin hiçbir kullanımı, bu şekilde jQuery veya diğer JavaScript kütüphaneleri kullanıyor olabilirsiniz HTML sayfaları ile hiçbir uyumsuzluklar olacak.

Duyarlı Slayt Foto Galeri HTML5 standartlarını kullanarak GPU (donanım ivmesini) kullanıyor. Render hızı ve performans masaüstü bilgisayarlarda kusursuz ve en önemlisi mobil cihazlar üzerinde, bu CSS3 kullanmayı deneyecek ve bu mevcut değilse o IE7 ve IE8 gibi eski tarayıcılar için BB2'nin veya CSS1 sonbahar aşağı olacak işler böyle.

Mobil cihazlarda büyük performans, sen!, o kodlu ve mobil cihazlar için optimize edilmiş bu sadece bir yerli app gibi çalışır, video demo görebilirsiniz ve masaüstü bilgisayarlarda% 100 mobil uyumlu ve tabii ki çalışacaktır sadece büyük IE7 ve IE8 gibi eski tarayıcılarda da dahil olmak üzere. Biz iPad3 (ios) ve bir SAMSUNG GALAXY S3 (android) üzerinde test ettik ve her iki cihazda harika çalışır, aşağıda bu demoları görmek için bağlantılar vardır.
Demo Samsung Galaxy S3 (android) üzerinde çalışan İzle veya iPad (IOS) üzerinde çalışan demo İzle.

GRID ANA ÖZELLİKLER

Esnek / Akışkan düzeni: temelde o projenin herhangi bir türü için mükemmel bir aday yapar uyarlanabilir bir düzeni vardır, CSS veya JavaScript ile ızgara boyutunu kontrol edebilirsiniz.

Tüm renk teması değiştirilebilir.

Özelleştirilebilir küçük resim boyutu ve geometrisi: Bu özellik küçük boyutu ve küçük arasındaki boşluğu değiştirmek için izin verir.

Özelleştirilebilir küçük resim sınır ve arka plan: Her küçük bir sınır ve bir arka plan olabilir, küçük arkaplan rengi, Çerçeve boyutunu ve Çerçeve rengi özelleştirilebilir.

Küçük Resim açıklaması: Her başparmak altında şeffaf arka plan ile kısa bir açıklama olabilir ve fare için küçük resim üzerine metin CSS ile biçimlendirilmiş olabilir olduğunda bu açıklama görünür, arka plan rengini ve donukluk de (opsiyonel) modifiye edilebilir.

"Load daha küçük resimler özelliği": Bu çünkü tüm küçük resimler yüklenir ve aynı anda görüntülenen bu şekilde yükleme genel performansını ve hızını artıran müthiş bir özelliktir. 120 küçük toplam varsa Örneğin 50 küçük setleri bunları göstermek ve böylece başlangıçta kılavuzunda 50 küçük ilk seti yüklenir ve görüntülenir ve ne zaman "yük daha fazla tanesinden" butonuna basıldığında bir sonraki 50 küçük grubu yüklenir ve görüntülenir ve "yük daha fazla tanesinden" düğmesine tekrar basıldığında nihayet 20 kalan küçük resimleri gösterilmektedir edilir. Küçük sayısı seti özelleştirilebilir başına, bu dikkate herhangi bir sayı olabilir 50 olmak zorunda değildir yüklemek için. Tüm küçük resimler yüklenir ve görüntülenir devre dışıysa bu özellik, isteğe bağlıdır.

Özel pres küçük eylem: Bir küçük basıldığında seçebilirsiniz ya biz kodlanmış olan orijinal bir medya lightbox görüntülemek için, ya yeni bir web sayfası, bu web sayfasının url ve hedefi belirlenmiş olabilir açın. Lightbox görüntüleri görüntüleyebilir veya YouTube veya Vimeo yüklenen videoları görüntüleyebilir.

LIGHTBOX ANA ÖZELLİKLER

Esnek / Akışkan düzeni: lighbox her zaman kullanılabilir tarayıcı viewport'un dolduracaktır.

Tüm renk teması değiştirilebilir.

Vimeo ve YouTube desteği: yapmanız gereken tüm görüntülemek ve lighbox görüntülemek ve video oynayacak istediğiniz YouTube veya Vimeo video linki eklemektir. Her videonun boyutu (genişlik ve yükseklik) kolayca ayarlanabilir.

Görüntüler için yakınlaştırma ve kaydırma desteği: sen ve bir görüntü uzaklaştırmak ve görüntüyü çevirebilirsiniz, bu şekilde harika detay (isteğe bağlı) Görüntüyü görebilirsiniz.

Slayt düğmesi (opsiyonel).

Slayt gecikmesi, slayt gecikme saniye ayarlanabilir.

Slayt autoplay.

Özel animasyonlu grafik Slayt.

Sonraki ve önceki düğmeleri navigasyon (opsiyonel).

Bilgi düğmesi ve bilgi penceresi: Her lighbox öğesi bir açıklama, metin ve pencere görünümünü CSS (opsiyonel) ile biçimlendirilmiş olabilir olabilir.

Özelleştirilebilir sınır ve arka plan: Sınır boyut ve renk ve aynı zamanda ana arka plan rengi özelleştirilebilir.

Klavye desteği: sol ve sağ oklar navigasyon (opsiyonel) için kullanılabilir.

GÜNCELLEME

2013/02/19 - Bir küçük seçildiğinde Bu kılavuza yeni bir özellik ekledik, bunlar seçildiğinde küçük üzerinden medya simgeleri eklemek için bir seçenek, şimdi küçük resimler açıklaması, medya simgeleri veya "none" arasında seçim yapabilirsiniz.

2013/03/07 - lightbox ile ilgili bazı hatalar düzeltildi ve mobil tespiti için daha iyi destek eklendi.


Indir
Bu kategorideki diğer bileşenleriBu yazarın tüm bileşenleri
YorumlarSıkça sorulan sorular ve cevapları

Özellikleri

Oluşturuldu:
15 Ocak 13

Son Güncelleme:
8 Mart 13

Yüksek çözünürlük:
Evet

Uyumlu Tarayıcılar:
IE7, IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome

Dosyalar Dahil:
JavaScript JS, HTML, CSS

Anahtar kelimeler

eTicaret, eTicaret, Bü, tü, n eşyalar, css3, dinamik, esnek, akışkan, ızgara, html5, hafif kutu, medya, duyarlı, vimeo, youtube