Görüntüleyici - Vanilla JS & jQuery için Basit Resim Yakınlaştırma Eklentisi

Hızlı bir arama yapabilir ve görüntü ışık kutuları, slayt gösterileri, galeriler için onlarca kitaplık bulabilir, adlandırabilirsiniz..

Dikkatimi çeken en yeni kütüphanelerden biri Viewer. Şu anda 0.6 sürümünde, hala geliştirilmekte olan bir proje, ancak bu görüntü eklentinin tasarımı ve özellikleri ikisi de olağanüstü.

Ana sayfada, çeşitli resim stillerine sahip canlı bir demo bulacaksınız. Seçebilirsiniz kendi galerinizi farklı özelliklere ayarlayın tek bir görüntüyle doğrudan yakınlaştırma veya birçok görüntüyü barındıran uzun bir slayt gösterisi gibi.

Bu da bir “satır içi mod” resim görüntüleyiciyi sayfadaki bir öğeye ekler. Yani ne zaman kullanıcı fotoğrafı büyütecek küçük resme tıklar tüm sayfanın üstünde değil, o öğenin içinde.

Hemen hemen her şeyin düğmelerini bulacaksınız: yüksek çözünürlüklü fotoğrafların net bir görüntüsünü elde etmek için döndürmeler, ekstra başlıklar ve tam 1: 1 zoom.

Birkaç JS seçeneğiyle Viewer komut dosyasının nasıl çalışması gerektiğine siz karar veriyorsunuz. Ziyaretçilerin resimleri yakınlaştırmasına izin vermek istemiyor musunuz? Sorun değil.

Slayt gösterisi özelliğini de devre dışı bırakabilir veya UI'deki bir sonraki / prev düğmelerini devre dışı bırakabilirsiniz. Aynı şey için de geçerli küçük resimler Slayt gösterisi tam görünümdeyken beliren.

Ayrıca, vanilya JS tercih ederseniz, bu komut dosyasının jQuery sürümü olmadığını unutmayın. Her iki eklenti de aynı şekilde çalışır ve ikisi de aktif gelişim içindedir. Bu arayüzü özelleştirmek için ihtiyacınız olan her şey ana GitHub sayfasında bulunabilir..

Kendi UI'larınızı kodlamakta büyük iseniz, Viewer çok havalı bir eklentidir. Öyle sunuyor Her slayt gösterisinin davranışı üzerinde daha fazla kontrol bunu istediğiniz her şeye yeniden yapılandırabileceğinizi.

Web geliştiricileri, bu ücretsiz resim komut dosyasında tüm seçeneklerle birlikte çalışan bir güne sahip olacak.