Basit, duyarlı bir dokunmatik jQuery kaydırıcısı. Ücretsiz JQuery resim kaydırıcı örnekleri Mobil resim kaydırıcı css js

Uyarlanabilir veya dilerseniz duyarlı web tasarımı artık sadece başka bir tasarım trendi değil, zaten web sitesi geliştirme için belirli bir standarttır, web sitelerinin çok yönlülüğünü ve çeşitli kullanıcı cihazlarının ekranlarında uyumlu görsel algıyı sağlar. Yakın zamanda duyarlı bir şablon geliştirirken, genel tasarım stilini bozmadan belirli kaydırıcıları ve resim galerilerini entegre etmede çeşitli zorluklarla uğraşmak zorunda kaldım. Günümüzde her şey çok daha basit, internette çok sayıda hazır çözüm var ve özellikle sevindirici olan, bunların çoğunun ücretsiz, açık kaynak olması.

Sunulan araçların çeşitliliği nedeniyle, yakın zamanda ortaya çıkan ve herhangi bir kısıtlama olmadan dağıtılan duyarlı jQuery görüntü kaydırıcılarındaki en dikkat çekici gelişmelere kısa bir genel bakış derledim. Tamamen ücretsiz.

Vay Kaydırıcısı

Harika görsel efektler (döndürme, açılır pencere, bulanıklaştırma, spiraller, panjurlar vb.) ve birçok hazır şablon içeren duyarlı jQuery görüntü kaydırıcısı. WOW Slider'ın yerleşik sayfa ekleme sihirbazı ile dakikalar içinde kolayca ve zahmetsizce çarpıcı slayt gösterileri oluşturabilirsiniz. Geliştiricinin web sitesi, eklentiyi Rusça olarak kurmak ve kullanmak için gerekli tüm belgelerin yanı sıra eklentinin nasıl çalıştığına dair mükemmel canlı örnekleri içerir. Ayrı bir Wordpress eklentisi ve Joomla için bir modül de indirilebilir. Eminim ki hem yeni başlayanlar hem de deneyimli web yöneticileri bu harika kaydırıcıyı pek çok kişi beğenecektir.

MerhabaSlider

HiSlider - HTML5, Jquery kaydırıcısı ve resim galerisi, WordPress, Joomla, Drupal gibi popüler sistemleri çalıştıran sitelerde kişisel kullanım için tamamen ücretsiz eklenti. Bu basit ama oldukça işlevsel aracın yardımıyla, web sitelerinizin sayfalarında kolayca şaşırtıcı ve canlı slayt gösterileri, muhteşem sunumlar ve yeni mesajların duyurularını oluşturabilirsiniz. Kaydırıcı için çeşitli hazır şablonlar ve dış görünümler, harika içerik geçiş (değişim) efektleri, çeşitli multimedya içeriklerinin çıktısı: YouTube ve Vimeo'dan videolar, esnek kullanıcı ayarları vb.

Nivo Kaydırıcısı

Nivo Slider, herkesin bildiği, en güzel ve kullanımı kolay görüntü kaydırıcılarından biri olan eski güzel bir kaydırıcıdır. JQuery Nivo Slider eklentisini indirmek ve kullanmak ücretsizdir ve MIT lisansı altında lisanslanmıştır. WordPress için ayrı bir eklenti de mevcut ancak ne yazık ki zaten ücretli ve bir lisans için 29$ ödemeniz gerekecek. WP tema dosyalarıyla biraz sihir yapmak ve Nivo Slider eklentisinin ücretsiz jQuery sürümünü blogunuza eklemek daha iyidir, çünkü internette bunun nasıl yapılacağına dair pek çok bilgi vardır.
İşlevselliğe gelince, her şey mükemmel durumda. jQuery v1.7+ kitaplığını, güzel geçiş efektlerini, basit ve çok esnek ayarları, uyarlanabilir düzeni, otomatik görüntü kırpmayı ve çok daha fazlasını kullanır.

Kaydırıcı fikri, basit bir animasyon efektiyle seçilen kategoriye tıklandığında birkaç küçük nesnenin (resim) değiştiği Apple ürünlerinin sunum stiliyle tanınan geliştiricilerden ilham aldı. Codrops, bu kaydırıcının nasıl oluşturulacağı hakkında ayrıntılı bir eğitim, Html işaretlemesinin eksiksiz bir düzeni, bir dizi CSS kuralı ve yürütülebilir bir jQuery eklentisinin yanı sıra kaydırıcıyı kullanmanın harika bir canlı örneğini hizmetinize sunar.

Yarık Kaydırıcısı

JQuery ve CSS3 kullanan tam ekran görüntü kaydırıcısı + eklentinin web sitesi sayfalarına entegre edilmesine ilişkin ayrıntılı eğitim. Buradaki fikir, sonraki veya önceki içeriğe geçerken açık geçerli slaydı belirli içerikle dilimlemektir. JQuery ve CSS animasyonunu kullanarak slaytlar arasında benzersiz geçişler oluşturabilirsiniz. Kaydırıcının duyarlı düzeni, farklı türdeki kullanıcı cihazlarında eşit derecede iyi görünmesini sağlar.

Elastik İçerik Kaydırıcısı

Bulunduğu ana kapsayıcının boyutuna bağlı olarak genişlik ve yüksekliği otomatik olarak ayarlayan bir içerik kaydırıcısı. Uygulaması oldukça basit ve ayarlarda esnek olan kaydırıcı, altta gezinme ile JQuery üzerinde çalışır; ekran boyutu aşağı doğru değiştirildiğinde gezinme simgeler biçiminde görüntülenir. Çok ayrıntılı belgeler (oluşturma eğitimi) ve canlı kullanım örnekleri.

3B Yığın Kaydırıcısı

3B düzlemden geçişli görüntüleri gösteren kaydırıcının deneysel bir versiyonu. Görüntüler, sonraki her görüntüyü değiştirmek ve görüntüleme durumuna geçirmek için gezinme okları kullanılarak iki yatay yığına bölünür. Genel olarak özel bir şey yok ama fikrin kendisi ve uygulama tekniği oldukça ilginç.

Çok basit, %100 duyarlı ve tam ekran jQuery resim kaydırıcısı. Kaydırıcının çalışması, jQuery'nin büyüsüyle birlikte CSS geçişlerine (geçiş özelliği) dayanmaktadır. Maksimum genişlik değeri varsayılan olarak %100'e ayarlıdır, dolayısıyla ekran boyutundaki değişikliklere bağlı olarak görüntülerin boyutu da değişecektir. Tasarımda özel animasyon efektleri veya gösterişler yoktur, her şey basit ve sorunsuz çalışma için tasarlanmıştır.

Minimum Slaytlar

Adı kendini anlatıyor, bu belki de karşılaştığım en hafif ve minimalist jQuery resim kaydırıcılarından biri (1kb eklenti). ResponsiveSlides.js bir kabın içindeki öğeleri kullanarak slayt gösterisi oluşturan küçük bir jQuery eklentisidir. IE6 ve üstü, ünlü ilerleme freni olan IE'nin tüm sürümleri de dahil olmak üzere çok çeşitli tarayıcılarla çalışır. Çalışma, güvenilirlik için CSS3 geçişlerini javascript ile birlikte kullanıyor. Sırasız bir liste kullanan basit düzen, geçişlerin ve zaman aralıklarının özelleştirilmesi, slayt geçişinin otomatik ve manuel kontrolü ve aynı anda birden fazla slayt gösterisi desteği. Bu çok eğlenceli bir "bebek".

Kamera

Kamera, web sitesi sayfalarında slayt gösterileri düzenlemek için kullanılan ücretsiz bir JQuery eklentisidir, birçok geçiş efektine sahip hafif bir kaydırıcı, %100 duyarlı düzen ve çok basit ayarlardır. Her türlü kullanıcı cihazının (PC monitörleri, tabletler, akıllı telefonlar ve cep telefonları) ekranlarına mükemmel uyum sağlar. Gömülü videoyu gösterme imkanı. Düğmeler ve görüntü küçük resim bloğu kullanılarak otomatik slayt değişimi ve manuel kontrol. Kompakt bir tasarımda neredeyse eksiksiz bir resim galerisi.

bxSlider jQuery

JQuery'deki oldukça basit bir başka duyarlı kaydırıcı. Slaytlarınıza istediğiniz içeriği, videoyu, görseli, metni ve diğer öğeleri yerleştirebilirsiniz. Dokunmatik ekranlar için genişletilmiş destek. CSS geçiş animasyonlarını kullanma. Slayt gösterileri ve kompakt resim galerileri için çok sayıda farklı sunum seçeneği. Otomatik ve manuel kontrol. Düğmeleri kullanarak ve küçük resimleri seçerek slaytlar arasında geçiş yapın. Küçük kaynak dosya boyutu, yapılandırılması ve uygulanması çok kolaydır.

FlexSlider2

FlexSlider 2 - Aynı addaki kaydırıcının geliştirilmiş yanıt verme, komut dosyası küçültme ve yeniden düzenleme/yeniden çizmeyi en aza indirme özelliklerine sahip güncellenmiş bir sürümü. Eklenti, temel bir kaydırıcı, küçük resimli kaydırma kontrolü, yerleşik sol-sağ oklar ve düğme şeklinde bir alt gezinme çubuğu içerir. Videoyu slaytlarda (vimeo) görüntüleme yeteneği, esnek ayarlar (geçişler, tasarım, zaman aralığı), tamamen uyarlanabilir düzen.

Galleria

Yüksek kaliteli resim galerileri ve kaydırıcılar oluşturmak için iyi bilinen ve oldukça popüler, duyarlı bir jQuery eklentisi. Kaydırıcı arayüzü, kontrol paneli sayesinde görsel olarak tanıdık bir video oynatıcıyı andırıyor; eklenti birkaç farklı tasarım teması içeriyor. Popüler hizmetlerden gömülü video ve görsel desteği: Flickr, Vimeo, YouTube ve diğerleri. Kurulum ve kullanıma ilişkin ayrıntılı belgeler.

Yaban mersini

Duyarlı web tasarımı için özel olarak yazılmış basit, sade, ücretsiz bir jQuery görüntü kaydırıcısı. Blueberry deneysel bir açık kaynaklı jQuery eklentisidir. Minimalist tasarım, efekt yok, yalnızca belirli bir süre sonra birbirinin yerini alan, sorunsuz bir şekilde açılan resimler. Her şey çok basit; kurun, bağlanın ve yola çıkın...

jQuery temel göz 2.1

Lightbox öğelerine sahip çok kompakt bir jQuery görüntü kaydırıcısı. Esnek boyutları sayesinde herhangi bir kaba, küçük resimler biçiminde tek bir girişe entegre etmek çok kolaydır, fare imlecini gezdirirken veya üzerlerine tıkladığınızda büyütülmüş resim ve kontrollere sahip bir ışık kutusu etkinleştirilir. Ürünleri veya haber duyurularını sunmak için böyle bir kaydırıcıyı yan panellere yerleştirmek uygundur. Çok miktarda bilgi içeren siteler için mükemmel bir çözüm.

Sekans

Gelişmiş CSS3 geçişlerine sahip ücretsiz duyarlı kaydırıcı. Minimalist tarz, 3 tasarım teması, Her çerçeve yatay olarak kayar, ortada görünür, resim sola gider, imza sağa gider, küçük resimler sağ alt köşede çoğaltılır. Her çerçevede görüntülenecek ürün görünümlerinin sayfalandırılması. Kontroller ayrıca geri ve ileri düğmelerini de içerir. Tüm modern tarayıcılar tarafından desteklenir.

Tokatlamak

Hem işlevsellik hem de ayarlar açısından çok basit bir görüntü kaydırıcı; ayarlar arasında slayt değiştirme hızında bir değişiklik, manuel modun etkinleştirilmesi (kontrol düğmeleri etkin), sürekli slayt gösterisi var. Bu kaydırıcının var olma hakkı var ve beni yalnızca var olduğu için çekti; bu gelişmede özellikle ilginç bir şey bulamadım, belki de onu iyi aramıyordum)))

Duyarlı Görüntü Kaydırıcısı

Yoldaşlar, Vladimir Kudinov'dan çok güzel, uyarlanabilir bir görüntü kaydırıcısı. Açıklayıcı örnekler ve oluşturma, kurulum ve kullanıma ilişkin ayrıntılı talimatlarla sağlanan sağlam, iyi tasarlanmış bir araç. Uyarlanabilir tasarım, hoş düğmeler ve yeşil oklar, her şey oldukça güzel ve sakin, baskı olmadan.

Kesir Kaydırıcısı

Resimler ve metin slaytları için paralaks efektli ücretsiz JQuery kaydırıcı eklentisi. Slayt animasyonları, her zamanlama ve animasyon ayarında tam kontrole sahip birden fazla görüntüleme değerine sahiptir. Bir slaytta birden fazla öğeyi aynı anda canlandırabilme yeteneği. Farklı animasyon yöntemlerini, slayt geçişlerini veya belirli bir yönden geçişleri ayarlayabilirsiniz. Resmin üzerine geldiğinizde açılan gezinme oklarını kullanarak otomatik görüntüleme ve manuel kontrol. 10 çeşit slayt animasyon efekti ve çok daha fazlası...

İncelemenin oldukça kapsamlı olduğu ancak dikkate alınan çok sayıda ürün nedeniyle yeterince bilgilendirici olmadığı ortaya çıktı. Belirli bir eklentinin işlevselliğinin tüm ayrıntılarını ve ayrıntılı açıklamalarını doğrudan geliştiricilerin sayfalarında bulabilirsiniz. Birisinin web sitelerinin sayfalarında renkli resim kaydırıcıları oluşturmak için çok gerekli olan aracı bulmasını kolaylaştırdığımı umuyorum.

Hiç Rusça şablonlarla çalışmanın güzel olacağını düşündünüz mü? Bir dakikalığına düşünün. İngilizce şablonlarla çalışarak zaman kaybetmeyin. Artık onu TemplateMonster pazarında bulabileceğiniz için sizi memnun etmek için acele ediyoruz. Her birinin metni elle yazılmıştır. Ve elbette tüm hazır çözümlerin kullanımı inanılmaz derecede kolaydır.

Saygılarımla, Andrew

Şu anda, kaydırıcı - atlıkarınca - bir işletme web sitesinde, portföy web sitesinde veya başka herhangi bir kaynakta bulunması gereken bir işlevselliktir. Tam ekran görüntü kaydırıcılarının yanı sıra, yatay atlıkarınca kaydırıcıları da her web tasarımına iyi uyum sağlar.

Bazen kaydırıcı site sayfasının üçte birini kaplamalıdır. Burada atlıkarınca kaydırıcısı geçiş efektleri ve duyarlı düzenlerle birlikte kullanılır. E-ticaret siteleri, tek tek gönderilerde veya sayfalarda birden fazla fotoğraf görüntülemek için bir atlıkarınca kaydırıcısını kullanır. Kaydırıcı kodu ihtiyaçlarınıza göre serbestçe kullanılabilir ve değiştirilebilir.

JQuery'yi HTML5 ve CSS3 ile birlikte kullanarak sayfalarınızı daha ilgi çekici hale getirebilir, onlara benzersiz efektler sağlayabilir ve ziyaretçilerin dikkatini sitenin belirli bir alanına çekebilirsiniz.

Slick – modern atlıkarınca kaydırıcı eklentisi

Slick, geliştiricilerinin çözümlerinin tüm kaydırıcı gereksinimlerinizi karşılayacağını iddia ettiği, ücretsiz olarak kullanılabilen bir jquery eklentisidir. Uyarlanabilir kaydırıcı - atlıkarınca, mobil cihazlar için "döşeme" modunda ve masaüstü sürümü için "sürükle ve bırak" modunda çalışabilir.

Bir "solma" geçiş efekti, ilginç bir "merkez modu" özelliği, otomatik kaydırma ile görüntülerin yavaş yüklenmesini içerir. Güncellenen işlevsellik, slayt eklemeyi ve slayt filtresini içerir. Hepsi eklentiyi gereksinimlerinize göre yapılandırmanızı sağlamak için.

Demo modu | İndirmek

Owl Carousel 2.0 – jQuery – dokunmatik cihazlarda kullanım için eklenti

Bu eklenti, hem yeni başlayanlar hem de deneyimli geliştiriciler için uygun geniş bir işlev kümesine sahiptir. Bu, atlıkarınca kaydırıcısının güncellenmiş bir sürümüdür. Selefinin adı da aynıydı.

Kaydırıcıda genel işlevselliği geliştirmek için bazı yerleşik eklentiler bulunur. Animasyon, video oynatma, kaydırıcıyı otomatik oynatma, yavaş yükleme, otomatik yükseklik ayarı – bunlar Owl Carousel 2.0'ın ana özellikleridir.

Eklentinin mobil cihazlarda daha rahat kullanılması için sürükle ve bırak desteği dahildir.
Eklenti, mobil cihazların küçük ekranlarında bile büyük görüntüleri görüntülemek için mükemmeldir.

Örnekler | İndirmek

jQuery eklentisi Gümüş Parça

Sayfaya bir kaydırıcı yerleştirmenize olanak tanıyan oldukça küçük ama işlevsel açıdan zengin bir jquery eklentisi - küçük bir çekirdeğe sahip olan ve çok fazla site kaynağı tüketmeyen bir atlıkarınca. Eklenti, dikey ve yatay kaydırıcıları animasyonla görüntülemek ve galeriden resim kümeleri oluşturmak için kullanılabilir.

Örnekler | İndirmek

AnoSlide – Ultra kompakt duyarlı jQuery kaydırıcısı

Ultra kompakt jQuery kaydırıcısı - işlevselliği normal bir kaydırıcıdan çok daha fazla olan atlıkarınca. Bunlar arasında tek görüntü önizlemesi, çoklu görüntü karusel ekranı ve başlığa dayalı kaydırıcı ekranı yer alır.

Örnekler | İndirmek

Baykuş Atlıkarınca – Jquery kaydırıcı – atlıkarınca

Baykuş atlıkarınca, dokunmatik ekranları ve sürükle ve bırak teknolojisini destekleyen, HTML koduna kolayca entegre edilen bir kaydırıcıdır. Eklenti, özel olarak hazırlanmış herhangi bir işaretleme olmadan güzel atlıkarıncalar oluşturmanıza olanak tanıyan en iyi kaydırıcılardan biridir.

Örnekler | İndirmek

3D galeri - atlıkarınca

CSS stillerine ve biraz Javascript koduna dayalı 3 boyutlu geçişler kullanır.

Örnekler | İndirmek

TweenMax.js ve jQuery kullanarak 3B atlıkarınca

Muhteşem 3D atlıkarınca. Görünüşe göre bu hala bir beta sürüm, çünkü şu anda onunla ilgili birkaç sorun keşfettim. Kendi kaydırıcılarınızı test etmek ve oluşturmakla ilgileniyorsanız, bu atlıkarınca çok yardımcı olacaktır.

Örnekler | İndirmek

Önyükleme kullanarak atlıkarınca

Duyarlı kaydırıcı - yalnızca yeni web siteniz için önyükleme teknolojisini kullanan atlıkarınca.

Örnekler | İndirmek

Bootstrap çerçevesini temel alan Hareketli Kutu atlıkarınca kaydırıcısı

Portföy ve iş web sitelerinde en popüler olanıdır. Bu tür kaydırıcı - atlıkarınca - genellikle her türden sitede bulunur.

Örnekler | İndirmek

Minik Çember Kaydırıcısı

Bu küçük boyutlu kaydırıcı, herhangi bir ekran çözünürlüğüne sahip cihazlarda çalışmaya hazırdır. Kaydırıcı hem dairesel hem de atlıkarınca modlarında çalışabilir. Minik daire bu tipteki diğer kaydırıcılara alternatif olarak sunulmaktadır. IOS ve Android işletim sistemleri için yerleşik destek mevcuttur.

Dairesel modda kaydırıcı oldukça ilginç görünüyor. Sürükle ve bırak yöntemi ve otomatik slayt kaydırma sistemi için mükemmel destek.

Örnekler | İndirmek

Thumbelina İçerik Kaydırıcısı

Güçlü, uyarlanabilir bir atlıkarınca kaydırıcısı modern bir web sitesi için mükemmeldir. Her cihazda doğru şekilde çalışır. Yatay ve dikey modları vardır. Boyutu yalnızca 1 KB'a indirilmiştir. Ultra kompakt eklenti aynı zamanda mükemmel yumuşak geçişlere sahiptir.

Örnekler | İndirmek

Vay – kaydırıcı – atlıkarınca

Web siteniz için orijinal bir kaydırıcı oluşturmanıza yardımcı olabilecek 50'den fazla efekt içerir.

Örnekler | İndirmek

Duyarlı jQuery içerik kaydırıcısı bxSlider

Kaydırıcının nasıl uyum sağladığını görmek için tarayıcı pencerenizi yeniden boyutlandırın. Bxslider 50'den fazla özelleştirme seçeneğiyle birlikte gelir ve özelliklerini çeşitli geçiş efektleriyle sergiler.

Örnekler | İndirmek

jAtlıkarınca

jCarousel, resimlerinizin görüntülenmesini düzenlemenize yardımcı olacak bir jQuery eklentisidir. Örnekte gösterilen tabandan kolayca özel görüntü karuselleri oluşturabilirsiniz. Kaydırıcı uyarlanabilir ve mobil platformlarda çalışmak için optimize edilmiştir.

Örnekler | İndirmek

Scrollbox - jQuery eklentisi

Scrollbox, bir kaydırıcı (atlıkarınca veya metin taraması) oluşturmaya yönelik kompakt bir eklentidir. Temel özellikler arasında fareyle üzerine gelindiğinde duraklama sağlayan dikey ve yatay kaydırma efektleri bulunur.

Örnekler | İndirmek

dbpasAtlıkarınca

Basit bir atlıkarınca kaydırıcısı. Hızlı bir eklentiye ihtiyacınız varsa bu %100 uygundur. Yalnızca kaydırıcının çalışması için gereken temel özelliklerle birlikte gelir.

Örnekler | İndirmek

Flexisel: Duyarlı JQuery Slider Eklentisi - Carousel

Flexisel'in yaratıcıları eski tarz jCarousel eklentisinden ilham aldılar ve kaydırıcının mobil ve tablet cihazlarda doğru şekilde çalışmasını sağlamak amacıyla eklentinin bir kopyasını yaptılar.

Flexisel'in mobil cihazlarda çalışırken duyarlı düzeni, tarayıcı penceresi boyutundaki düzeninden farklıdır. Flexisel, hem düşük hem de yüksek çözünürlüklü ekranlarda çalışmaya mükemmel şekilde uyarlanmıştır.

Örnekler | İndirmek

Elastislide – uyarlanabilir kaydırıcı – karusel

Elastislide, cihazınızın ekranının boyutuna mükemmel uyum sağlar. Belirli bir çözünürlükte görüntülenecek minimum görüntü sayısını ayarlayabilirsiniz. Dikey kaydırma efektinin yanı sıra sabit bir sarmalayıcı kullanarak, resim galerileri için atlıkarınca kaydırıcısı olarak iyi çalışır.

Örnek | İndirmek

FlexSlider2

Woothemes'ten ücretsiz kaydırıcı. Haklı olarak en iyi uyarlanabilir kaydırıcılardan biri olarak kabul edilir. Eklenti birkaç şablon içerir ve hem acemi kullanıcılar hem de uzmanlar için faydalı olacaktır.

Örnek | İndirmek

İnanılmaz Atlıkarınca

Amazing Carousel – jQuery kullanan duyarlı görüntü kaydırıcısı. WordPress, Drupal ve Joomla gibi birçok içerik yönetim sistemini destekler. Ayrıca Android ve IOS ile masaüstü işletim sistemlerini uyumluluk sorunu olmadan destekler. Yerleşik muhteşem atlıkarınca şablonları kaydırıcıyı dikey, yatay ve dairesel modlarda kullanmanıza olanak tanır.

Örnekler | İndirmek

Sitenize yüksek kaliteli bir jQuery resim kaydırıcısı eklemeniz gerekiyorsa, bu makalede gerekli eklentilerin bir açıklamasını bulacaksınız. JQuery, JavaScript ile çalışmayı çok daha kolaylaştırmış olsa da web tasarım sürecini hızlandırmak için hâlâ eklentilere ihtiyacımız var.

Bu eklentilerin bazılarında değişiklik yaparak sitemizin amaçlarına çok daha uygun yeni kaydırıcılar oluşturabiliriz.

Diğer kaydırıcılar için yalnızca başlıklar, resimler ekler ve kaydırıcıyla birlikte gelen slayt geçiş efektlerini seçersiniz. Bu eklentilerin tümüne ayrıntılı belgeler eşlik etmektedir, dolayısıyla bunlara yeni efektler veya işlevler eklemek zor olmayacaktır. Deneyimli bir JQuery programcısıysanız olaya dayalı tetikleyicileri bile değiştirebilirsiniz.

İster bir eklenti ister bir komut dosyası uyguluyor olun, duyarlı tasarım gibi en son trendler web projeleri için çok önemlidir. Bu öğelerin tümü, bu eklentilerin her birini çok esnek hale getirir. 2014 yılında çıkan her şey bu listede yer alıyor.

jQuery görüntü kaydırıcıları

Jssor Duyarlı Kaydırıcı

Yakın zamanda bu güçlü JQuery kaydırıcısıyla karşılaştım ve işini çok iyi yaptığını ilk elden görebildim. Kaydırıcının açık kaynak koduyla genişletilebilecek sınırsız olanaklar içerir:

• Uyarlanabilir tasarım;
• 15'ten fazla özelleştirme seçeneği;
• 15'ten fazla görüntü değiştirme efekti;
• Resim galerisi, atlıkarınca, tam ekran boyutu desteği;
• Dikey banner döndürücü, slayt listesi;
• Video desteği.

Demo | İndirmek

PgwSlider - JQuery / Zepto'ya dayalı duyarlı kaydırıcı

Bu eklentinin tek görevi görsellerin slaytlarını göstermektir. JQuery dosyalarının boyutu yalnızca 2,5 KB olduğundan çok kompakttır, bu da onun gerçekten hızlı yüklenmesine olanak tanır:

• Uyarlanabilir düzen;
• SEO optimizasyonu;
• Farklı tarayıcılar için destek;
• Basit görüntü geçişleri;
• Arşiv boyutu yalnızca 2,5 KB'dir.

Demo | İndirmek

Jquery Dikey Haber Kaydırıcısı

Haber kaynakları için tasarlanmış, sol tarafında yayın listesi ve sağ tarafında bir resim bulunan esnek ve kullanışlı bir JQuery kaydırıcısı:

• Uyarlanabilir tasarım;
• Haberleri değiştirmek için dikey sütun;
• Genişletilmiş başlıklar

Demo | İndirmek

Wallop Kaydırıcısı

Bu kaydırıcı jQuery içermiyor ancak oldukça kompakt olduğundan ve sayfa yükleme süresini önemli ölçüde azaltabildiğinden sunmak istiyorum. Beğendiyseniz bana bildirin:

• Uyarlanabilir düzen;
• Basit tasarım;
• Çeşitli slayt değiştirme seçenekleri;
• Minimum JavaScript kodu;
• Boyutu yalnızca 3KB'dir.

Demo | İndirmek

Düz tarz Polaroid galerisi

Esnek bir düzen ve güzel bir tasarıma sahip, masanın üzerine dağılmış belgeler tarzı bir galeri çoğunuzun ilgisini çekecektir. Tabletler ve büyük ekranlar için daha uygundur:

• Uyarlanabilir kaydırıcı;
• Düz tasarım;
• Slaytların rastgele değişimi;
• Kaynak koduna tam erişim.

Demo | İndirmek

A-Kaydırıcı

Demo | İndirmek

HiSlider – HTML5, jQuery ve WordPress resim kaydırıcısı

HiSlider, muhteşem geçişlere sahip çeşitli resim galerileri oluşturabileceğiniz yeni bir ücretsiz jQuery kaydırıcı eklentisini tanıttı:

• Uyarlanabilir kaydırıcı;
• Programlama bilgisi gerektirmez;
• Birkaç harika şablon ve görünüm;
• Güzel geçiş efektleri;
• Farklı platformlar için destek;
• WordPress, Joomla, Drupal ile uyumludur;
• Farklı içerik türlerini görüntüleme yeteneği: resimler, YouTube videoları ve Vimeo videoları;
• Esnek kurulum;
• Yararlı ek özellikler;
• Sınırsız miktarda içerik görüntülenir.

Demo |İndir

Vay Kaydırıcısı

WOW Slider, muhteşem görsel efektlere sahip, duyarlı bir jQuery görüntü kaydırıcısıdır ( domino, döndürme, bulanıklaştırma, çevirme ve flaşlama, uçma, panjur) ve profesyonel şablonlar.

WOW Slider, kodu anlamanıza veya görüntüleri düzenlemenize gerek kalmadan saniyeler içinde harika kaydırıcılar oluşturmanıza olanak tanıyan bir kurulum sihirbazıyla birlikte gelir. Eklentinin Joomla ve WordPress sürümleri de indirilebilir:

• Tamamen duyarlı;
• Tüm tarayıcıları ve her tür cihazı destekler;
• Dokunmatik cihazlar için destek;
• WordPress'e kolay kurulum;
• Yapılandırmada esneklik;
• SEO optimizasyonlu.

Demo |İndir

Nivo Slider – ücretsiz jQuery eklentisi

Nivo Slider tüm dünyada en güzel ve kullanımı kolay görüntü kaydırıcı olarak bilinir. Nivo Slider eklentisi ücretsizdir ve MIT lisansı altında yayınlanmıştır:

• JQuery 1.7 ve üstünü gerektirir;
• Güzel geçiş efektleri;
• Yapılandırması basit ve esnektir;
• Kompakt ve uyarlanabilir;
• Açık kaynak;
• Güçlü ve basit;
• Birkaç farklı şablon;
• Otomatik görüntü kırpma.

Demo |İndir

Teknik belgelere sahip basit jQuery kaydırıcısı

Fikir, Apple'ın çeşitli küçük öğelerin farklı animasyon efektleriyle uçup gidebildiği kaydırıcılarından ilham aldı. Geliştiriciler, "uçan" öğelerin farklı kategorileri temsil ettiği basit bir çevrimiçi mağaza tasarımı oluşturmak için minimum gereksinimleri dikkate alarak bu konsepti uygulamaya çalıştılar:

• Uyarlanabilir düzen;
• Minimalist tasarım;
• Çeşitli bırakma ve slayt değiştirme efektleri.

Demo |İndir

Tam boyutlu jQuery resim kaydırıcısı

Sayfa genişliğinin %100'ünü kaplayan ve mobil cihazların ekran boyutlarına uyum sağlayan çok basit bir kaydırıcı. CSS geçişleriyle çalışır ve görüntüler bağlantılarla birlikte "istiflenir". Resme bağlantı eklemek istemiyorsanız bağlantı değiştirilebilir veya kaldırılabilir.

Kaydırıcı takıldığında ekran genişliğinin %100'üne kadar genişler. Ayrıca slayt görüntülerinin boyutunu da otomatik olarak azaltabilir:

• Uyarlanabilir JQuery kaydırıcısı;
• Tam boyut;
• Minimalist tasarım.

Demo |İndir

Elastik İçerik Kaydırıcısı + öğretici

Elastik İçerik Kaydırıcısı, ana öğenin boyutlarına göre genişliği ve yüksekliği otomatik olarak ayarlar. Bu basit bir jQuery kaydırıcısıdır. Üstte bir slayt alanı ve altta bir gezinme sekmesi çubuğundan oluşur. Kaydırıcı, genişliğini ve yüksekliğini ana kabın boyutlarına göre ayarlar.

Küçük çapraz ekranlarda görüntülendiğinde gezinme sekmeleri küçük simgelere dönüşür:

• Uyarlanabilir tasarım;
• Fare tıklaması kaydırma.

Demo |İndir

Ücretsiz 3D Yığın Kaydırıcısı

Görüntüleri 3 boyutlu olarak kaydıran deneysel bir kaydırıcı. İki yığın, kağıt yığınlarına benzer; kaydırıldığında görüntüler kaydırıcının ortasında görüntülenir:

• Uyarlanabilir tasarım;
• Çevir - geçiş;
• 3 boyutlu efektler.

Demo |İndir

JQuery ve CSS3 + eğitimini temel alan Tam Ekran Slit Slider

Bu eğitimde size farklı bir yöntemle nasıl kaydırıcı oluşturulacağı gösterilecektir: amaç, sonraki veya önceki görüntüyü açtığınızda mevcut slaydı "kesmek" ve görüntülemektir. JQuery ve CSS animasyonunu kullanarak benzersiz geçiş efektleri oluşturabiliriz:

• Uyarlanabilir tasarım;
• Bölünmüş geçiş;
• Tam ekran kaydırıcı.

Demo |İndir

Unislider - çok küçük bir jQuery kaydırıcısı

Boyutu 3 KB'tan küçük olduğundan gereksiz zil ve ıslık yok. Slaytlarınız için herhangi bir HTML kodunu kullanın, CSS ile genişletin. Unslider ile ilgili her şey GitHub'da barındırılmaktadır:

• Çeşitli tarayıcılar için destek;
• Klavye desteği;
• Yükseklik ayarı;
• Uyarlanabilir tasarım;
• Giriş desteğine dokunun.

Demo | İndirmek

Minimal Duyarlı Slaytlar

Basit ve kompakt eklenti ( boyut yalnızca 1 KB), bir kabın içindeki öğeleri kullanarak duyarlı bir kaydırıcı oluşturur. ResponsiveSLides.js, IE6 ve üzeri tüm IE sürümleri de dahil olmak üzere çok çeşitli tarayıcılarla çalışır:

• Tamamen duyarlı;
• Boyut 1 KB;
• JavaScript aracılığıyla çalıştırılabilen CSS3 geçişleri;
• Madde işaretli listeleri kullanarak basit işaretleme;
• Bir slaydın geçiş efektlerini ve görüntüleme süresini özelleştirme yeteneği;
• Birden fazla slayt gösterisi oluşturma yeteneğini destekler;
• Otomatik ve manuel kaydırma.

Demo |İndir

Kamera - ücretsiz jQuery kaydırıcısı

Kamera, birçok geçiş efektine ve duyarlı bir düzene sahip bir eklentidir. Kurulumu kolay, mobil cihazlar tarafından destekleniyor:

• Tamamen duyarlı tasarım;
• İmzalar;
• Video ekleme yeteneği;
• 33 farklı renk simgesi.

Demo |İndir

SlidesJS, duyarlı jQuery eklentisi

SlidesJS, dokunmatik cihazları ve CSS3 geçişlerini destekleyen, JQuery (1.7.1 ve üzeri) için duyarlı bir eklentidir. Bununla denemeler yapın, SlidesJS'yi projenize nasıl ekleyeceğinizi anlamanıza yardımcı olacak birkaç hazır örneği deneyin:

• Uyarlanabilir tasarım;
• CSS3 geçişleri;
• Dokunmatik cihazlar için destek;
• Kurulumu kolay.

Demo | İndirmek

BX Jquery Kaydırıcısı

Bu ücretsiz, duyarlı bir jQuery kaydırıcısıdır:

• Tamamen duyarlı – her cihaza uyum sağlar;
• Yatay, dikey slayt değişimi;
• Slaytlar resimler, videolar veya HTML içeriği içerebilir;
• Dokunmatik cihazlar için genişletilmiş destek;
• Slayt Animasyonu için CSS Geçişlerini Kullanma ( donanım ivmesi);
• API geri aramaları ve tamamen genel yöntemler;
• Küçük dosya boyutu;
• Uygulaması kolaydır.

Demo |İndir

FlexSlider2

En iyi duyarlı kaydırıcı. Yeni sürüm, hızı ve kompaktlığı artırmak için geliştirildi.

Demo | İndirmek

Galleria - JavaScript tabanlı duyarlı fotoğraf galerisi

Galleria, yüksek kaliteli resim galerileri oluşturmak için milyonlarca sitede kullanılıyor. Çalışmalarıyla ilgili olumlu eleştirilerin sayısı alışılmışın dışında:

• Tamamen bedava;
• Tam ekran görüntüleme modu;
• %100 uyarlanabilir;
• Programlama deneyimi gerekmez;
• iPhone, iPad ve diğer dokunmatik cihazlar için destek;
• Flickr, Vimeo, YouTube ve daha fazlası;
• Çeşitli konular.

Demo | İndirmek

Blueberry - basit, duyarlı bir jQuery resim kaydırıcısı

Sizlere duyarlı web tasarımı için özel olarak yazılmış bir jQuery resim kaydırıcısını sunuyorum. Blueberry, duyarlı şablonlarla çalışmak üzere özel olarak yazılmış, deneysel bir açık kaynaklı resim kaydırma eklentisidir.

Herkese merhaba!
Her türden geliştiriciler, bir sonraki web projelerini oluştururken, genellikle kullanıcılarına, ister fotoğraf ister resim seti olsun, çeşitli görsel türlerini nasıl sunacakları sorusuyla ilgilenirler. Bunun için, çoğunlukla “burjuva” bir alan olan çevrimiçi alanın meraklı beyinleri, muhteşem, renkli ve en önemlisi işlevsel slayt gösterileri ve fotoğraf galerileri oluşturmak için giderek daha fazla yeni çözüm arıyor. Çoğunlukla, geliştiriciler tarafından, oluşturulan web projesinin şablonunun tasarımına uyacak şekilde veya belirli bir site yönetimi motoru için eklentiler ve modüller biçiminde özelleştirilirler. Nadir istisnalar dışında tek bir temanın bir tür eklenti kaydırıcı veya basit görüntü döndürücü olmadan yapamayacağı için modern şablonlara bakmaya değer. Bu nedenle, birçok web geliştiricisinin cephaneliğinde buna benzer bir şeye sahip olmak ve sitelerinde görselleri etkili bir şekilde sunarak okuyucularını sonuna kadar şaşırtmak istemesi anlaşılabilir bir durumdur.

Oluştururken ortaya çıkan yeni çözümlere ilişkin devam eden inceleme serisine devam ederek, jQuery'nin büyüsü kullanılarak oluşturulan, şimdiye kadar karşılaştığım en ilginç ve etkili slayt gösterileri ve fotoğraf galerilerinden oluşan daha eksiksiz bir koleksiyon oluşturmaya karar verdim.
İncelemede tartışılan kaynakların çoğunlukla İngilizce olduğu konusunda sizi hemen uyarmak isterim, ancak buna ihtiyaç duyan kişinin bunu sezgisel olarak veya bir düzine kuruş olan çevirmenlerin yardımıyla çözeceğini düşünüyorum. Yeterince sıkı ararsanız, bazı galeriler ve kaydırıcılar oluşturma tekniğinin açıklamalarını Rusça olarak bulabilirsiniz, çünkü web geliştiricilerimizin çoğu belirli bir proje üzerinde çalışırken önce kendileri için çeviri yapar ve ardından tüm manipülasyonlarının ayrıntılı açıklamalarını yayınlarlar. ücretsiz erişim için.
Mesela ben öyle yaptım, yaratma mekanizması üzerinde çalışırken ilk önce burzhunet'te bana uygun bir galeri seçeneği buldum, ne yaptığımı daha iyi anlamak için tercüme ettim ve gelecekte Bunun, çeşitli uygulama varyasyonlarındaki çalışma örnekleriyle birlikte, Highslide komut dosyasının kullanımıyla ilgili kötü bir makale olmadığını umuyorum.
Ve böylece, gereksiz şarkı sözleri yeter, hadi doğrudan incelemeye geçelim, izleyelim, kısa açıklamaları okuyalım ve sitelerinizde ilginç resim kaydırıcıları, fotoğraf galerileri, slayt gösterileri uygulamak için çok sayıda yeni jQuery eklentisi ve komut dosyası arasından seçim yapalım: ile otomatik ve manuel değiştirme kaydırıcıları, arka plan görüntüsü kaydırıcıları, küçük resimli ve küçük resimsiz vb. ve benzeri...

Of.Site | Demo

Slayt gösterisi öğeleri, geçiş efektleri ve çoklu albüm seçenekleriyle eksiksiz, özelleştirilebilir bir jQuery resim galerisi. Tüm modern masaüstü ve mobil tarayıcılarla uyumludur.

JQuery kullanarak tam ekran galeri oluşturma kılavuzu. Buradaki fikir, öne çıkan tam ekran görüntünün küçük resminin, siz okları veya fare tıklamasını kullanarak görüntüler arasında hareket ettikçe yansımasıyla birlikte yan tarafta görünmesidir. Büyük resimler, seçtiğiniz geçişe bağlı olarak slayt gösterisi tarzında yukarı veya aşağı hareket eder. Arka planda görüntünün tam ekran modunda görüntülenmesini veya sayfa boyutuna ayarlanmasını sağlayan görüntüyü ölçeklendirme yeteneği.

Paralaks Kaydırıcısı

Paralaks Kaydırıcısı Manuel kontrol öğeleriyle görüntülerin slayt gösterisi biçiminde gösterimini düzenlemek için ilginç bir çözüm. Küçük resimlerin orijinal yerleşimi dikkat çekiyor. Resmi web sitesinde kaydırıcının nasıl entegre edileceğine ve yapılandırılacağına dair eksiksiz bir döküm bulunmaktadır.

jQuery ile Minimalist Slayt Gösterisi Galerisi Resimleri otomatik olarak değiştirmeye yönelik öğelerin yanı sıra, küçük resimlerden oluşan bir ızgara içeren bir açılır bloktan görüntülerin görüntülenmesini ve seçilmesini manuel olarak kontrol etme yeteneği içeren mükemmel bir resim galerisi. Dezavantajlardan biri, tam boyutlu resimlerin izlenememesidir, ancak bu, bu galerinin minimalizmidir.

Bu, görüntülerin otomatik olarak değiştiği, akıllara durgunluk veren efektlerin olmadığı, her şeyin basit ve zevkli olduğu tam ekran bir slayt gösterisidir.

Galeriyi Minimize Et görüntüleri görüntülerken geniş bir geçiş yelpazesine sahip, son derece özelleştirilebilir bir jQuery eklentisidir. Minimit galerisini kullanarak, bir atlıkarınca, slayt gösterisi, basit bir döndürücü ve normal bir görüntü kaydırma çubuğu biçiminde bir görüntü gösterimi düzenleyebilirsiniz.

görüntüleri slayt gösterisi olarak görüntülemenin basit ve mantıklı bir yolunu sağlayan küçük (2kb) bir jQuery eklentisidir.

sezgisel kontrollere ve tüm bilgisayarlarda, iPhone'larda ve mobil cihazlarda kusursuz uyumluluğa sahip hoş görünümlü bir javascript galerisidir. Kurulumu ve yapılandırması çok kolay

Birçok Javascript ve jQuery resim kaydırıcısının aksine Slider.js, CSS3 geçişleri ve animasyonlarıyla desteklenen hibrit bir çözümdür.

Bu, HTML5 ve CSS3'te çeşitli sunumlar oluşturmaya yönelik tek sayfalık bir şablondur.

Diapo slayt gösterisi açık kaynaklı bir projedir. İsterseniz değişiklik veya iyileştirme önerebilirsiniz. Ücretsiz olarak indirebilir ve kullanabilirsiniz; hiçbir şey ve hiç kimse bu kaydırıcıyı projelerinizde kullanmaktan sizi alıkoyamaz. Kaydırıcının özelleştirilmesi kolaydır, sunulan içerik arasında ilginç geçişler vardır ve kaydırıcıya herhangi bir şey yerleştirebilirsiniz, herhangi bir pervaz olmadan oldukça hızlı çalışır.

web sitelerinde ve diğer web projelerinde slayt gösterileri oluşturmaya yönelik başka bir araçtan başka bir şey değildir. Tüm modern tarayıcıları, yatay ve dikey animasyonları, özel geçiş desteğini, geri arama API'sini ve çok daha fazlasını destekler. Slaytlarınızda herhangi bir HTML öğesini kullanabilirsiniz, yeni başlayanlar için anlaşılır ve erişilebilirdir ve tamamen ücretsiz olarak dağıtılmaktadır.

Çevik Gelişim için JavaScript Slayt Gösterisi

Slayt gösterilerinizi bu harika jQuery eklentisiyle uygulayın. İçerik sunumunuzu gereksinimlerinize göre oluşturabilmeniz için son derece özelleştirilebilir araç. Harici verilerle veya CMS'nizdeki verilerle daha kolay entegrasyon sağlamak için veri formatı kullanılır. Bu yeni bir versiyondur ve sıfırdan yazılmıştır. Geliştiriciler, beyin çocukları ile çalışma sürecinin tamamını çok net ve anlaşılır bir şekilde anlatmaya çalıştılar.

sırasız listeleri çekici animasyon efektleriyle slayt gösterilerine dönüştürmenize olanak tanıyan bir jQuery eklentisidir. Bir slayt gösterisinde, sayıları veya küçük resimleri kullanarak ya da Önceki ve Sonraki düğmelerini kullanarak slaytların bir listesini görüntüleyebilirsiniz. Kaydırıcıda küp (çeşitli alt türlerle), boru, blok ve daha fazlası dahil olmak üzere birçok orijinal animasyon türü bulunur.

Web projelerinizde çeşitli içeriklerin her türlü sunumunu düzenlemek için eksiksiz bir araç seti. Burjuva adamlar, jQuery'nin büyüsünü kullanarak hemen hemen her türden çeşitli kaydırıcı ve galeri dahil olmak üzere ellerinden geleni yaptılar. Fotoğraf kaydırıcı, fotoğraf galerisi, dinamik slayt gösterisi, atlıkarınca, içerik kaydırıcı, sekmeler menüsü ve çok daha fazlası, genel olarak önlenemez hayal gücümüzün çılgına dönmesi için yer var.

Bu, basitlik göz önünde bulundurularak oluşturulmuş bir jQuery slayt gösterisi eklentisidir. Hem yeni başlayanlar hem de ileri düzey geliştiriciler için yalnızca en kullanışlı işlevler seti paketlenmiştir; bu, basit ama aynı zamanda kullanıcı dostu, çok etkili slayt gösterileri oluşturma fırsatı sağlar.

— jQuery üzerine kurulu basit bir kaydırıcı, her bakımdan basit, özel beceriler gerektirmiyor; birçok kişinin bunu web sitelerinde slayt gösterileri uygulamak için yararlı bulacağını düşünüyorum. Eklenti, yavaş IE tarayıcısı da dahil olmak üzere tüm modern tarayıcılarda test edildi.

jbgallery jQuery kütüphanesinin javascript'inde yazılmış bir tür kullanıcı arayüzü widget'ıdır. İşlevi, tam ekran modunda sitenin arka planı olarak büyük bir görüntüyü, kaydırıcı biçiminde birkaç görüntüyü göstermektir. Tüm görüntüleme modlarında görüntüleme kontrolleri bulunur. Bu, kendi açısından ilginç bir çözüm ve bazı durumlarda standart bile değil.

Fotoğraflarınızı, görüntüler arasında geçiş efektleriyle slayt gösterisi olarak görüntülemek için kullanımı kolay bir jQuery eklentisidir (daha ilginçlerini gördünüz). jqFancyTransitions, Safari 2+, Internet Explorer 6+, Firefox 2+, Google Chrome 3+, Opera 9+ ile uyumludur ve kapsamlı bir şekilde test edilmiştir.

Lightbox formundaki görselleri ve diğer bilgileri görüntülemek için ücretsiz olarak dağıtılan bir jQuery eklentisidir. Kontrolleri, gölgeli arka planı ve tüm bunları içeren açılır pencere, basit ve zevkli.

Lightbox serisinden bir başka jQuery eklentisi, çok az ağırlığa (9 KB) rağmen çok fazla işlevselliğe sahip. CSS kullanarak her zaman geliştirebileceğiniz veya özelleştirebileceğiniz, iyi tasarlanmış bir arayüz vardır.

Zaten adından da anlaşılacağı üzere hiçbir şeyin süslü olmadığı, tamamen eksik kontrollere sahip çok basit bir otomatik resim kaydırma aracımız var. Kim bilir belki bu kaydırıcı tam da minimalizmiyle dikkatinizi çeker.

Farklı geçiş türlerine sahip görüntü döndürücü. Hem otomatik hem de tıklatarak çalışır ve kurulumu oldukça kolaydır.

— yalnızca bir kaydırıcıdan ziyade tam teşekküllü bir resim galerisi. Küçük resimlerin önizlemesi ve geçiş efektlerini seçme yeteneği, tüm tarayıcılar için tam destek, bir web projesine entegrasyonun ayrıntılı açıklaması ve ücretsiz dağıtım.

Bu, scriptaculous/prototype veya jQuery kullanan, kullanıma hazır slayt gösterilerinin bir uygulamasıdır. Horinaja bir bakıma yenilikçi bir çözüm çünkü kaydırıcıya yerleştirilen içeriği kaydırmak için tekerleği kullanmanıza olanak tanıyor. Fare işaretçisi slayt gösterisi alanının dışındayken kaydırma otomatik olarak gerçekleşir; işaretçi slayt gösterisinin üzerine getirildiğinde kaydırma durur.

Bu, görüntüleme kontrollerine sahip olmasına rağmen, bir dizi basit görüntü kaydırıcının bir özelliğidir ve bu nedenle hem otomatik hem de manuel modlarda çalışır.

s3Kaydırıcı sırasız bir resim listesinden slayt gösterisi oluşturan ve herhangi bir web platformuna kolayca uygulanabilen bir jQuery eklentisidir.

Bu, bant genişliğinden tasarruf ederken büyük hacimli fotoğrafları işlemek için optimize edilmiş bir jQuery eklentisidir.

Vegas'ın Arka Planı

Vegas Arka Plan jQuery eklentisi, tümü slayt gösterisi öğeleriyle birlikte web sayfalarına güzel tam ekran arka plan resimleri eklemenizi sağlar. Eklentiyle çalışmanın inceliklerini dikkatlice incelerseniz, elbette yalnızca ihtiyacınız varsa birçok ilginç çözüm bulabilirsiniz.

- rastgele olarak makalelerin görselleri veya duyuruları için altyazılar ve basit kontroller içeren bir kaydırıcı olarak ne daha fazla ne daha az.

resim görüntülemeyi düzenlemek için kullanılan hafif (yaklaşık 5 KB) bir javascripttir. Büyük resimlerin otomatik olarak yeniden boyutlandırılması ve ölçeklendirilmesi, resmi tarayıcı penceresinde tam boyutta görüntülemenize olanak tanır

PikaChoose jQuery Resim Galerisi'nin 4. Versiyonu mevcut! Pikachoose harika özelliklere sahip hafif bir jQuery slayt gösterisidir! Fancybox ile entegrasyon, mükemmel temalar (ücretsiz olmasa da) ve çok daha fazlası eklenti geliştiricileri tarafından dikkatinize sunuluyor.

Listenizdeki görsellerin sayısını kontrol eder ve dijital navigasyon olarak dinamik olarak bir dizi fotoğraf bağlantısı oluşturur. Ayrıca her bir görsele tıklamak ileri veya geri gidecektir ve ayrıca resimde tıkladığınız alana göre görseller arasında da gezinebilirsiniz (örneğin: resmin sol tarafına tıklamak slaytları ileri geri hareket ettirir, sırasıyla görüntünün sağ tarafı için).

Herhangi bir WordPress şablonuna mükemmel şekilde uyacak başka bir jQuery kaydırıcısı.

"Nivo"nun bir başka geliştirmesi, bu stüdyodaki adamların yaptığı her şey gibi, eklenti de yüksek kalitede yapılmış, 16 benzersiz geçiş efekti, klavye navigasyonu ve çok daha fazlasını içeriyor. Bu sürüm doğrudan WordPress için özel bir eklenti içerir. Bu blog motorunun tüm hayranları için Nivo Slider tam size göre olacak.

Her boyuttaki görüntüler için hızlı bir şekilde basit, etkili ve güzel bir kaydırıcı oluşturmanıza olanak tanıyan jQuery eklentisi.

Pirobox hafif bir jQuery "ışık kutusu" komut dosyasıdır; görüntüleme, tüm kontrollerle birlikte görüntünün boyutuna otomatik olarak ayarlanan bir açılır blokta gerçekleştirilir.

Bu galerinin yaratıcıları, resimlerin oldukça orijinal bir sunumunu sunuyor. Resimler dalga şeklinde minyatürler halinde gösteriliyor, küçük resme tıkladığınızda görüntünün orta boyutlu versiyonunu göreceğiz, ikinci kez tıkladığınızda büyük bir resim göreceksiniz. Bunu bir deney olarak düşünebilirsiniz, ancak yeni ve alışılmadık bir şeyin her zaman ilgi çekici olduğunu da kabul etmelisiniz.

HTML5 ve jQuery ile tam ekran slayt gösterisi

Geliştiriciler, slayt gösterileri oluşturmak ve resimleri tam ekran modunda görüntülemek için, daha önce grubun makalelerinde ayrıntılı olarak açıklanan birçok fikir ve tekniği içeren, zaten tanıdık olan Vegas jQuery eklentisini kullandılar. HTML5 ses öğelerinin varlığı ve görüntüler arasındaki geçişlerin stili ilgi çekicidir.

Codrops ekibinden bir gelişme daha, tam teşekküllü ve işlevsel bir resim galerisi ama bunu anlatmanın bir anlamı yok, görmeniz lazım.

Resim slayt gösterisi, resimler gözünüzün önünde kayboluyor, etkisi tek kelimeyle harika.

jQuery kütüphanesinin üzerine kurulmuş bir JavaScript resim galerisi çerçevesidir. Amaç, web ve mobil cihazlar için profesyonel bir resim galerisi geliştirme sürecini basitleştirmektir. Açılır pencerede veya tam ekran modunda görüntüleyebilirsiniz.

Yavaş yavaş alışmaya başlıyoruz ve Codrops ekibinden yeni çalışmalar bekliyoruz. Resimleri tam ekran modunda görüntülemek için lütfen muhteşem 3D geçiş efektine sahip mükemmel bir görüntü kaydırıcısına sahip olun.

Slayt gösterisi düzenleyici serisinden başka bir WordPress eklentisi. Hemen hemen her tasarıma kolayca entegre olur ve deneyimli kullanıcılar için de deneyimsiz kullanıcılar için de birçok özelleştirme seçeneği sunar.

WordPress için yazılmış başka bir eklenti, bloglarınızdaki resimlerden veya başka herhangi bir içerikten oluşan bir slayt gösterisi düzenlemenizi çok daha kolaylaştıracaktır.

WordPress'e entegrasyon için iyi bir slayt gösterisi eklentisi. Xili-floom-slideshow otomatik olarak yüklenir ve kişisel ayarlara da izin verilir.

Slimbox2 Lightbox efektli görselleri görüntülemek için kullanılan köklü bir WordPress eklentisidir. Otomatik slayt gösterisini ve tarayıcı penceresinde görüntülerin yeniden boyutlandırılmasını destekler. Ve genel olarak bu eklentinin bu serideki diğer eklentilere göre birçok avantajı vardır.

Bu eklenti/widget, WordPress motorunda çalışan web siteniz veya blogunuz için dinamik, kontrollü slayt gösterileri ve sunumlar oluşturmanıza olanak tanır.

Bu WordPress eklentisi, gömülü galeri resimlerini basit ve esnek bir slayt gösterisine dönüştürür. Eklenti, FlexSlider jQuery görüntü kaydırıcısını ve kullanıcının kişisel ayarlarını kullanır.

fotoğrafların slayt gösterilerini, SmugMug, Flickr, MobileMe, Picasa veya Photobucket RSS beslemesinden resimler, saf Javascript kullanarak çalışır ve görüntüler düzenlemek için bir WordPress eklentisidir.

WordPress ve daha fazlası için basit bir kaydırıcı. Gereksiz veya hantal bir şey yok, iş minimalist bir tarzda yapılıyor, istikrar ve hıza önem veriliyor, blog yönetim motoruna mükemmel bir şekilde bağlanıyor.

Bence Skitter, WordPress ile çalışmayı destekleyen en iyi kaydırıcılardan biridir. Operasyonun kararlılığı ve hızı, çok belirgin olmayan kontroller, geçiş efektleri ve temayla oldukça basit bir bağlantı beni cezbediyor.

web sitenizdeki bir resim galerisini slayt gösterisi modunda görüntüleme özelliğiyle kolayca ve hızlı bir şekilde düzenleyebileceğiniz bir WordPress eklentisidir. Ekran, resimler için küçük resimlerin ve alt yazıların gösterilmesiyle otomatik veya tam olarak kontrol edilebilir.

Of.Site | Demo

Bir yazının/sayfanın tüm resimlerini slayt gösterisi olarak gösterir. Kolay kurulum. Bu eklenti, geçiş animasyonlu sürüm için Adobe Flash gerektirir; Flash bulunamazsa kaydırıcı her zamanki gibi çalışır.

WordPress için başka bir basit kaydırıcı, yazıların resimlerini ve makalelerin kısa duyurularını gösterir. Bu blogda zaman zaman böyle bir eklenti kullanıyorum.

Meteor Slides, aralarından seçim yapabileceğiniz yirmiden fazla geçiş stiline sahip bir jQuery WordPress kaydırıcısıdır. Yazar, muhtemelen çalışma hızını ima ederek eklentiyi "meteor" olarak adlandırdı; belki de meteorik bir şey fark etmedim.

oQey Gallery, yerleşik video ve müzik özelliklerine sahip, WordPress için slayt gösterisi öğeleri içeren tam teşekküllü bir resim galerisidir.

Web sitelerinde ve bloglarda resim ve videoları görüntülemek için flash animasyon öğeleri içeren bir slayt gösterisidir. Bu kaydırıcıyı istediğiniz boyutta ve istediğiniz içeriğe sahip herhangi bir web sitesine yerleştirebilirsiniz.

Flash Galeri eklentisi, gönderi başına birden fazla albüm desteği, tam ekran görüntüleme ve slayt gösterisi moduyla normal galerilerinizi büyüleyici görüntü duvarlarına dönüştürür.

WOW Slider, muhteşem görsel efektlere (Patlama, Sinek, Panjur, Kareler, Parçalar, Temel, Solmaya, Yığın, Dikey Yığın ve Doğrusal) ve profesyonelce tasarlanmış şablonlara sahip, WordPress için bir jQuery görüntü kaydırıcısıdır.

Promosyon Slider, basit bir slayt gösterisi oluşturmayı veya bir sayfada birden fazla dönen reklam bölgesi uygulamayı kolaylaştıran bir jQuery eklentisidir; son derece özelleştirilebilir bir araç olduğundan, kaydırıcıda ne göstereceğiniz ve nasıl göstereceğiniz üzerinde tam kontrole sahip olacaksınız. modül genel olarak çalışır.

| Demo

Sürüm 2.4'teki yenilikler: Doğrudan WordPress düzenleyici aracılığıyla sürükle-bırak fotoğraf sıralama desteğinin yanı sıra ana görüntülere fotoğraf bağlantıları ekleme yeteneği. (IE8'in bazı hataları olabilir, tüm önemli tarayıcılarda düzgün çalışır. Yazarlar gelecekte IE8 için tam destek sözü verirler.)

| Demo

Bu incelemenin son akoru, görüntüleri seçmek ve değiştirmek için ilginç görsel efektlere sahip başka bir kaydırıcı olan WordPress için bu eklenti olacak.

Yukarıda anlatılan her şeye bakıyorum ve bu insanların ne kadar çok hayal gücüne sahip olduklarına hayret ediyorum, ancak çeşitli web geliştiricilerinin son zamanlarda web projelerinde görselleri düzenleme konusunda buldukları tek şey bu değil. Galeriler ve slayt gösterileri oluşturmak için bu kadar harika çözümleri uygulamanın artık mümkün olması harika.
Sessizce bu koleksiyonda kendiniz için ilginç bir şeyler bulacağınızı, kullanıcılarınızın ve elbette sevgili benliğinizin hoşuna gidecek şekilde kendi benzersiz galerinizi veya kaydırıcınızı yaratacağınızı ve bu olmasaydı biz nerede olurduk...

Zaman durmaz ve onunla birlikte ilerler. Bu durum interneti de etkiledi. Web sitelerinin görünümünün nasıl değiştiğini zaten görebilirsiniz; uyarlanabilir tasarım özellikle popülerdir. Ve bu bağlamda, pek çok yenisi ortaya çıktı uyarlanabilir jquery kaydırıcıları, galeriler, karuseller veya benzeri eklentiler.
1. Duyarlı Yatay Gönderiler Kaydırıcısı

Ayrıntılı kurulum talimatlarını içeren uyarlanabilir yatay karusel. Basit bir tarzda yapılmıştır, ancak kendinize uyacak şekilde şekillendirebilirsiniz.

2. Glide.js'deki kaydırıcı

Bu kaydırıcı herhangi bir web sitesi için uygundur. Açık kaynak Glide.js'yi kullanır. Kaydırıcı renkleri kolayca değiştirilebilir.

3. Eğik İçerik Slayt Gösterisi

Duyarlı içerik kaydırıcısı. Bu kaydırıcının öne çıkan özelliği, görüntülerin 3 boyutlu efektinin yanı sıra rastgele görünümdeki farklı animasyonlardır.

4. HTML5 tuvalini kullanan kaydırıcı

Etkileşimli parçacıklara sahip çok güzel ve etkileyici bir kaydırıcı. HTML5 canvas kullanılarak yapıldı,

5. Görüntü Dönüştürme Kaydırıcısı

Geçiş efektli kaydırıcı (Bir nesneden diğerine yumuşak dönüşüm). Bu örnekte kaydırıcı, bir web geliştiricisinin veya web stüdyosunun portföy biçimindeki portföyü için çok uygundur.

6. Dairesel kaydırıcı

Görüntüyü çevirme efektine sahip daire şeklinde kaydırıcı.

7. Arka planı bulanık olan kaydırıcı

Geçiş ve arka plan bulanıklığı özelliklerine sahip uyarlanabilir kaydırıcı.

8. Duyarlı moda kaydırıcısı

Basit, hafif ve duyarlı web sitesi kaydırıcısı.

9. Dilim Kutusu - jQuery 3D görüntü kaydırıcısı(GÜNCELLENMİŞ)

Slicebox kaydırıcısının düzeltmeler ve yeni özelliklerle güncellenmiş sürümü.

10.Ücretsiz Animasyonlu Duyarlı Görüntü Izgarası

Farklı animasyonlar ve zamanlamalar kullanarak çekimleri değiştirecek esnek bir görüntü ızgarası oluşturmak için JQuery eklentisi. Yeni görselleri ve bunların geçişlerini seçerek görüntüleyebildiğimiz için bu, bir web sitesinde arka plan veya dekoratif öğe olarak iyi görünebilir. Eklentinin çeşitli versiyonları mevcuttur.

11.Flex kaydırıcı

Web siteniz için evrensel ücretsiz bir eklenti. Bu eklenti çeşitli kaydırıcı ve atlıkarınca seçenekleriyle gelir.

12. Fotoğraf çerçevesi

Fotorama evrensel bir eklentidir. Birçok ayarı var, her şey hızlı ve kolay çalışıyor ve slaytları tam ekranda görüntüleyebilirsiniz. Kaydırıcı hem sabit boyutta hem de uyarlanabilir olarak, küçük resimlerle veya bunlar olmadan, dairesel kaydırmayla veya dairesel kaydırma olmadan ve çok daha fazlasında kullanılabilir.

Not:Kaydırıcıyı birkaç kez yükledim ve bence en iyilerinden biri

13. Küçük resimlerle birlikte ücretsiz ve uyarlanabilir 3D kaydırıcı galerisi.

Deneysel galeri kaydırıcısı 3DPanel Düzeni bir ızgara ve ilginç animasyon efektleriyle.

14. CSS3'teki kaydırıcı

Uyarlanabilir kaydırıcı, içeriğin düzgün görünümü ve ışık animasyonu ile css3 kullanılarak yapılmıştır.

15. WOW Kaydırıcısı

Vay Kaydırıcısı inanılmaz görsel efektlere sahip bir görüntü kaydırıcısıdır.

17. Elastik

Tam duyarlılığa ve slayt küçük resimlerine sahip elastik kaydırıcı.

18. Yarık

Bu, CSS3 animasyonunu kullanan tam ekran duyarlı bir kaydırıcıdır. Kaydırıcı iki versiyonda yapılmıştır. Animasyon oldukça alışılmadık ve güzel bir şekilde yapılıyor.

19. Uyarlanabilir fotoğraf galerisi artı

Resim yükleme özelliğine sahip basit bir ücretsiz galeri kaydırıcısı.

20. WordPress için Duyarlı Kaydırıcı

WP için uyarlanabilir ücretsiz kaydırıcı.

21. Paralaks İçerik Kaydırıcısı

Paralaks efektli kaydırıcı ve CSS3 kullanılarak her öğenin kontrolü.

22. Müzik bağlantılı kaydırıcı

JPlayer açık kaynak kodunu kullanan kaydırıcı. Bu kaydırıcı müzikli bir sunuma benzer.

23. jmpress.js ile kaydırıcı

Duyarlı kaydırıcı jmpress.js'yi temel alır ve bu nedenle slaytlarınıza bazı ilginç 3D efektler eklemenize olanak tanır.

24. Hızlı Vurgulu Slayt Gösterisi

Hızlı slayt geçişli slayt gösterisi. Fareyle üzerine gelindiğinde slaytlar açılır.

25. CSS3 ile Görüntü Akordeon

CSS3 kullanarak görüntü akordeon.

26. Bir Dokunuşla Optimize Edilmiş Galeri Eklentisi

Bu, dokunmatik cihazlar için optimize edilmiş duyarlı bir galeridir.

27. 3D Galeri

3D Duvar Galerisi- 3D efektinin görülebileceği Safari tarayıcısı için oluşturulmuştur. Başka bir tarayıcıdan bakarsanız işlevsellik iyi olacaktır ancak 3D efekti görünmeyecektir.

28. Sayfalandırmalı kaydırıcı

JQuery UI kaydırıcısını kullanarak sayfalandırmaya sahip duyarlı kaydırıcı. Buradaki fikir basit bir gezinme konsepti kullanmaktır. Tüm görüntüleri geri sarmak veya slaytlar arasında geçiş yapmak mümkündür.

29.jQuery ile Görüntü Montajı

Görüntüleri ekran genişliğine göre otomatik olarak düzenleyin. Bir portföy web sitesi geliştirirken çok faydalı bir şey.

30. 3D Galeri

CSS3 ve jQuery kullanan basit bir 3 boyutlu dairesel kaydırıcı.

31. CSS3 ve jQuery kullanılarak 3D efektli tam ekran modu

Tam ekran görüntüleri güzel bir geçişle görüntüleme yeteneğine sahip bir kaydırıcı.