Küçük Resimler Nasıl Genişletilir Google Görseller
Google Görseller ile benzersiz bir kullanıcı arayüzü çalışır. birçok farklı web sitesinden küçük resim önizlemesi. Bu küçük resimlerden herhangi birine tıklamak, ekranı daha ayrıntılı ve daha büyük bir resimle genişletir.
Şimdiye dek kullandığım en iyi resim galerisi özelliklerinden biri, Gridder.js ile klonlayabilirsiniz.
Bu ücretsiz jQuery eklentisi, bu efekte uyan bir eklenti oluşturarak Google’ın inanılmaz UX’inin adımlarını takip ediyor. Yapabilirsin herhangi bir fotoğraf galerisini Google Görseller tarzı galeriye dönüştürün aynı animasyonlar ve ekran özellikleri ile.
Bu eklentiyle gelen hız ve kullanım kolaylığından hoş bir şekilde şaşırdım. Sadece herhangi bir küçük resmi tıklatarak hemen daha büyük bir çekim görüntüler ve animasyonlar süper temiz.
Görüntüler açıklayıcı metin için bir bölüm ekle Resimlerle ilgili bazı detayları veya linkleri eklemek isterseniz. Bu, özellikle görüntülere odaklanma hedefi olan basit portföy siteleri için işe yarar.
Bunun üzerine, yapabilirsiniz ayrıca Ajax ile içerik çekin. Bu size sağlar dinamik küçük resimler oluşturun içeriği diğer web sitelerinden veya API'ler aracılığıyla çeken.
Her tıklama etkinliği geri arama yöntemi sunar, Böylece Gridder'ın yanında başka eklentiler veya JavaScript fonksiyonları da çalıştırabilirsiniz. Bu kadar çok seçenekle pratik olarak bütün bir ızgara çerçevesi gibi geliyor!
Gridder’dan beri jQuery üzerinde çalışır, bağımlılık olarak en yeni sürümü gerektirir. Ancak, ihtiyacınız olan tek şey (Gridder.js dosyasıyla birlikte) ve birkaç HTML satırıyla ızgaralarınızın sorunsuz çalışmasını sağlayabilirsiniz..
GitHub sayfasını kontrol etmelisin. tam kurulum talimatları ama işte hızlı önizleme HTML’nin neye benzediğini
Tüm içerik JavaScript üzerinden çekilir, böylece istediğiniz her şeyi yükleyebilirsiniz.
Seçenekleri ile inanılmaz derecede çok yönlü bir eklenti Animasyon hızını değiştirme, hareket hızı ayarlama, düğme stilini kapatma ve ofset konumunu kaydırma kullanıcı yeni bir küçük resme tıkladığında.
Acemi ve profesyonel geliştiriciler, bu eklentide çok fazla değer bulacaklar. Ancak, bunun sizin için uygun olup olmadığından hala emin değilseniz, canlı Gridder demo sayfasına bir göz atın ve oyun oynayın.
