20 Duyarlı Görüntü Galerileri ve Slayt Gösterileri (2018)
Web siteniz görüntü ağırlıklıysa, yani bir portföy veya fotoğrafçılık web sitesi vs. ise, size en çok ihtiyaç duyacağınız iki şey vardır - size yardımcı olmak için fotoğraf galerisi eklentileri Web sitenizdeki görüntüleri daha iyi yönetin, ve resimlerinizi dünyaya göstermek için slayt gösterileri yapın..
Ancak bugünkü gönderimde, esas olarak duyarlı resim galerileri ve slayt gösterilerinin bir listesi tartışılacak. Bu galeriler ve slayt gösterileri farklı tarzlarda tasarlanmış ve birlikte Optimize edilmiş tarayıcı ve mobil görüntüleme için çeşitli özellikler. Her bir öğenin özelliklerini ayrıntılı olarak inceleyelim.
WOW Kaymak
WOW Slider bir jQuery tabanlı görüntü kaydırıcısını şaşırtıcı görsel efektlerle gelir ve birkaç tıklatmayla sürgü oluşturmanıza yardımcı olur. Hızlı bir şekilde herhangi bir yere gömebilirsiniz, sayesinde 'Sayfaya Ekleme Sihirbazı' ve Joomla ve WordPress için eklenti olarak kaydet seçenekleri.
Ayrıca önceden tasarlanmış birçok tema, ithalat ve ihracat özellikleri sunar ve no-jQuery, sadece CSS geri dönüşü yanı sıra.
Merhaba kaymak
Hi Slider, sıfır kodlama ile görüntü kaydırıcıları oluşturmanıza yardımcı olur. Birlikte güzel temalar ve geçiş efektleri sağlar özel şablon tasarımı için destek. Şaşırtıcı bir şekilde, kaydırıcınızı yayınlamanıza yardımcı olur ve WordPress, Drupal ve Joomla için HTML veya modüller üretir.
Son olarak, YouTube dahil olmak üzere çeşitli kaynaklardan çoklu ortam ekleyebilirsiniz..
Jssor Kaymak
Jssor Slider ile çekici bir içerik ve görüntü kaymak 300+ geçiş etkisi. Hem jQuery hem de no-jQuery sürgülerini ve WordPress için bir eklenti sunar. Sevdiğim şey, bu çok sayıda demo ve örnek sunar, bu sürgü çözümü ile herkesin hızlıca kalkmasına ve koşmasına yardımcı olacak.
Ancak, o pek çok yayın platformunu desteklemiyor veya Flickr ve YouTube gibi içerik hizmetleri, birkaç yukarıdaki çözüm gibi.
Meyve suyu kutusu
Juicebox, kodlamadan web galerileri oluşturmanıza izin veren muhteşem bir resim galerisi yaratıcısıdır. HTML istemiyorsanız, bunlardan birini yükleyip kullanabilirsiniz. WordPress, Lightroom, Photoshop eklentileri, ve dahası.
Vektör ikonları, Flickr desteği vb. İle birlikte gelir ve pro versiyonunda daha birçok özellik sunar. sosyal paylaşım seçenekleri, alışveriş sepeti desteği, müzik desteği, gelişmiş tema, vb.
cssSlider
cssSlider saf bir CSS'dir, yani., no-jQuery, JavaScript olmayan kaydırıcı çözüm. Birçok animasyon efekti ve görüntü düzenleme özelliği sunar. Hafif görüntü sürgüleri oluşturmak için hazır renk şemaları arasından seçim yapabilirsiniz..
Dahası, slayt gösterisi özellikleri arasında tam genişlikte destek, otomatik oynatma seçeneği, gezinti ve küçük resim desteği, vb.
Cincopa
Cincopa, basit slayt gösterisi yapıcı sihirbazını kullanarak slayt gösterileri oluşturmak için bulut benzeri bir çözümdür. O bir sınırsız depolama ile çevrimiçi çözüm ve Joomla ve WordPress gibi birçok platformla uyumluluk. İlginçtir, ayrıca kaydırıcılarınıza müzik ekleyin ve videolar gömün.
Sonuncusu ama en az olmayanı, Google Analytics’i de dahil etmek için çok sayıda şablon (kılavuz, dergi, portföy vb.) Ve destek sunar..
Şaşırtıcı Slider
İnanılmaz Slider ile bir jQuery kaydırıcı YouTube’daki videolar için destek. Bir web sayfasına gömmek için HTML'de kaydırıcılar oluşturabilir veya Dreamweaver veya Frontpage gibi düzenleyicilerde kullanabilirsiniz. Ayrıca, Joomla ve WordPress için bir eklenti veya modül oluşturabilirsiniz..
Son olarak, onun kaydırıcı sihirbazı ile sezgisel kullanıcı arayüzü Önceden hazırlanmış kaplamalar ve minimum zamanda çoklu geçiş efektleri ile mükemmel sürgü oluşturmanıza yardımcı olur..
Önyükleme Galerisi
Bootstrap Gallery, hem kişisel hem de ticari kullanım için ücretsiz olan basit bir galeri yaratıcısıdır, duvar düzeni ızgarası ve lightbox modunu içerir. Beni ilgilendiren, yapabilirsin. resim galerilerine etiketler ekleyin fotoğraf ve video desteği ile birlikte.
Ayrıca, seçenekleri de dahil olmak üzere birçok özelleştirme seçeneği renkleri ve başlıkları değiştir vb.
Galleria
Galleria bir JavaScript tabanlı resim galerisi çerçevesi. Şaşırtıcı bir şekilde, sadece birkaç satır kod ile Flickr, Vimeo ve YouTube'daki fotoğraf ve videoları gömebilirsiniz. Sunduğu Birden fazla ücretsiz tema ve WordPress için resmi olmayan bir eklenti yanı sıra.
Bununla birlikte, yukarıdaki çözümler kadar kolay değildir ve kaynak kodun kullanılmasını gerektirir..
Ninja Kaymak
Ninja Slider ile bir görüntü slayt gösterisi çözümüdür HTML desteği. Yerel ses ve videoların ve videoların YouTube ve Vimeo'dan da gömülmesini sağlar. Ninja Slider jQuery gerektirmez ve destekler tembel yükleme özelliği, kullanıcı görecek kadar kaydırma yaptığında arka planda bir görüntü indiren.
Üstelik ayrıca kaydırıcılarda metne izin verir, CSS kullanarak görünümünü kişiselleştirebilirsiniz..
Slider Maker
Slider Maker, sıfır kodlama gerektiren bir jQuery slayt gösterisi oluşturucusudur. Birden çok dilde mevcuttur ve Tek bir görüntüde zaman çizelgesi içeren çoklu katmanları destekler. Ayrıca, akıllı görüntü tembel yükleme ve şaşırtıcı sürgü oluşturmak için çeşitli geçiş efektleri boşuna ve çok sayıda tema sunar.
Ayrıca herhangi bir yönetici paneline entegre edin, ancak, ücretli bir çözümdür.
SlideAwesome
SlideAwesome ihtiyacı olan bir fotoğraf slayt göstericisidir. kodlama bilgisi yok. WordPress, Drupal ve diğerleri dahil olmak üzere çoğu CMS ile çalışır. resmi eklenti yok onlar için ve kodunu yerleştirmelisin.
Şaşırtıcı şekilde, kaydırıcılarınıza Vimeo ve YouTube'dan videolar ekleyebilirsiniz. Dahası, bir gizli modu bu, ziyaretçilerinize göstermeden canlı sitenizdeki bir slayt gösterisini önizlemenizi sağlar.
PhotoSnack
PhotoSnack, fotoğraf yüklemeyi destekleyen çevrimiçi bir fotoğraf slayt göstericisidir. fotoğraf saklama ve sosyal medya hizmetleri Google Foto, Facebook, Instagram vb. gibi. Bir slayt gösterisi oluşturduktan sonra, kodunu blogunuza veya sitenize yerleştirerek (kopyalayıp yapıştırarak) kullanabilirsiniz..
Dahası, bir stil seçebilir şablonlar kümesi ve slayt gösterisini birkaç tıklamayla doğrudan sosyal medya arkadaşlarınızla paylaşın.
Flickr Göm
Flickr Embed, kod oluşturucu bir araçtır Flickr fotoğraflarından slayt gösterileri oluşturun, hangi daha sonra web sitenize gömebilirsiniz. Sevdiğim şey, bir kullanıcı veya grup da dahil olmak üzere çeşitli kaynaklardan görüntü çekmeye izin vermesi. Bir seçenekler listesi sunar ve seçilen seçenekleri kullanarak bir slayt gösterisi oluşturur..
Kopyalayıp yapıştırabilirsiniz. modern JavaScript veya eski iFrame kodu yeni slayt gösterinizi göstermek için web sitenize gidin.
comSlider
comSlider, sunan bir çevrimiçi slayt gösterisi yaratıcısıdır. fantezi geçişleri ve görsel efektler. Arabirimi sizi etkilemese de, hiçbir şekilde daha az özellik göstermiyor. Bu gibi bazı gelişmiş seçeneklerle birlikte kaydırıcının görünümünü ve dokunuşunu özelleştirmek için sayısız seçenek sunar. yükleme göstergesi, vb.
Son fakat en az değil, Flickr Embed gibi kodunu kopyalayıp yapıştırarak herhangi bir web sayfasına kolayca entegre edebilirsiniz..
Image Slider Maker
Image Slide Maker bir tamamen çevrimiçi çalışan kaydırıcı. Aynı comSlider gibi jQuery'ye dayanır ve metin, bağlantılar, fotoğraflar ve ayrıca içerikli slaytlar oluşturmanıza olanak sağlar animasyon efektleri. Düğmelerini ve boyutlarını, slayt geçişlerini, metin fontunu ve metin stilini vb. Tasarım öğelerinin yanı sıra özelliklerini de özelleştirebilirsiniz..
PgwSlider
PgwSlider bir jQuery ve Zepto için kaydırıcı kitaplığı, görüntü sürgülerini oluşturmak için kullanılabilir. Her ne kadar yukarıdaki çözümlerde olduğu gibi kullanıcı dostu olmasa da kusursuz çalışıyor ve küçük kodlamalarla çalışmasını sağlayabilirsiniz. Web sitesi hakkında ayrıntılı bilgi sağlar. bak ve hisset seçenekleri ve gösterileri gösterir hızlı bir şekilde başlamanıza yardımcı olacak örnekler.
jQuery Gridder
jQuery Gridder, resim galerileri oluşturmak için bir jQuery eklentisidir. Bir görüntü ile küçük resim kılavuzunu görüntüler. güzel genişleyen resim önizleme, Google Görseller’e benzer.
Ancak, PgwSlider gibi, sizin tarafınızdan bazı kodlama gerektirir. Eklemek için bir seçenek ile birlikte bazı yapılandırma seçenekleri vardır çeşitli etkinlikler için geri aramalar.
SlidesJS
SlideJS bir jQuery için slayt gösterisi eklentisi. Yumuşak geçişler ve çok sayıda yapılandırma seçeneği sunar, ancak SlideJS kodlama deneyimine sahip olmanızı gerektirir. Sevdiğim şey, jQuery Gridder gibi, adresinde bir şeyler yapmak için geri çağırma işlevleri ekleyebilirsiniz slayt gösterisinin farklı etkinlikleri, Bir slayt yüklendiğinde, başladığında veya tamamlandığında olduğu gibi.
dövmek
wallop, şeyleri göstermek ve gizlemek için en iyi şekilde çalışan bir kaydırma kütüphanesidir. Bu küçük ama kullanışlı kütüphaneyi kullanarak, özel sayfa görünümlerinin yanı sıra görüntü kaydırıcıları da oluşturabilirsiniz. olay dinleyicisi.
Son olarak, bir geçişlerin ve seçeneklerin yanı sıra Resim kaydırıcınızı kontrol etmek ve özelleştirmek için bir dizi API veya başka bir yaratılış.