Resim galerileri ve kaydırıcılar en popüler jQuery formatlarından bazılarıdır. Bu nedenle gerekli görsel içeriği ne pahasına olursa olsun siteye ekleyebilirsiniz.

Galeri ve kaydırıcılar, tarafı daha az çekici hale getirir ancak yine de mesajı iletmek için gerekli tüm görselleri eklemenize olanak tanır. Kahverengi koku özellikle çevrimiçi mağazalar için kötü olacaktır.

Bugünkü yazımızdan sizler için en güzel resim galerilerini ve jQuery kaydırıcılarını topladık.

Bunları yüklemek için seçilen eklentiyi başlık bölümüne eklemeniz yeterlidir. HTML sayfaları jQuery kitaplığıyla birlikte kullanın ve bunları belgelerle (yalnızca birkaç satır kod) birlikte inceleyin.

Bu unsurlardan hangisinin projenize ideal şekilde uyacağını seçin.

1. Önyükleme Kaydırıcısı

Bootstrap Slider – kaydırılabilir bir noktaya ve indirimlere sahip, ücretsiz, mobil cihazlar için optimize edilmiş bir görüntü kaydırıcısı. Her ekranda ve her tarayıcıda harika görünecekler. Kaydırıcılara resimler, videolar, metinler, küçük resimler ve düğmeler ekleyebilirsiniz.

2. Ürün Önizleme Kaydırıcısı

Ürün Önizleme Kaydırıcısı, jQuery'nin tüm potansiyelini içerir ve kesinlikle her arayüze uyar. Ayrıca bu eklentinin kodunun netliğinden ve saflığından da memnun kalacaksınız.

3. Genişletilebilir Resim Galerisi

Genişletilebilir Resim Galerisi, ayıya tek bir tıklamayla tam ekran galeriye dönüşen eğlenceli bir eklentidir. “Hakkımızda” bölümü için ya da ürünlerle ilgili bilgileri incelemek için kullanabilirsiniz.

4. Fotorama

Fotorama, hem masaüstü hem de masaüstü için çalışan bir jQuery galeri eklentisidir. mobil tarayıcılar. Çeşitli gezinme seçenekleri sunar: küçük resimler, kaydırma, ileri ve geri düğmeleri, otomatik slayt gösterisi ekranı ve işaretçiler.

5. Sürükleyici Kaydırıcı

Sürükleyici Kaydırıcı, Google TV kaydırıcısına benzer şekilde benzersiz bir slayt görüntüleme deneyimi oluşturmanıza olanak tanır. Odak noktasının ana fotoğraflarınızda kalmasını istediğiniz arka plan resimlerini değiştirebilirsiniz.

6. En az

En az – harika jQueryÇarpıcı bir galeri oluşturmanıza yardımcı olacak bir eklenti. İmleci görselin üzerine getirdiğinizde metin belirir, bastığınızda ise metin ekranın tamamında görünür.

7. Sürgülü Panel Şablonu

Bu eklenti bir portföy için idealdir. İçerik seçimlerini eşleştirmek için yatay olarak (küçük ekranlarda dikey olarak) görüntülenen görüntü blokları oluşturabilirsiniz.

8. Squeezebox Portföy Şablonu

Squeezebox Portföy Şablonu, portföyler için hareket efektleri sunar. İmleci ana görüntünün (veya bloğun) üzerine getirdiğinizde bağlantılı öğeler görünür.

9. Resimleri Karıştırın

Shuffle Images, üzerlerine geldiğinizde değişen görsellerden oluşan bir galeri oluşturmanıza olanak tanıyan eğlenceli küçük bir eklentidir.

10. Ücretsiz jQuery Lightbox Eklentisi

Özgür jQuery Işık Kutusu Eklenti sayfada bir veya daha fazla görsel göstermenize yardımcı olacaktır. Ayrıca istenilen boyuta büyütülebilir ve döndürülebilir.

11. PgwSlider – jQuery için duyarlı kaydırıcı

PgwSlider – minimum görüntü kaydırıcısı. jQuery kodu çok önemli değil bu nedenle bu eklentinin popülaritesi sizi mutlu edecektir.

12. Dağınık Polaroid Galerisi

Dağınık Polaroid Galerisi, düz tasarımlı muhteşem bir kaydırıcıdır. Görüntü karıştırıldığında öğeleri düzensiz bir şekilde parçalanıyor, bu da donuk görünüyor.

13. Kabarık İçerik Filtresi

Kabaran İçerik Filtresi – mükemmel çözüm bu portföy için. Bu eklenti, kullanıcıların bir kategoriden diğerine hızla geçmesini sağlar.

14. Basit jQuery Kaydırıcısı

Basit jQuery Slider ismine yakışır bir şekilde çalışır. Bu eklenti şunları içerir: JavaScript öğeleri, HTML5 ve CSS3. Demoda herhangi bir metne erişiminiz olmayacak ancak birkaç değişiklik yaparsanız görsel içerik ekleyebilirsiniz.

15. JS'yi Kaydırın

Glide JS – basit, harika ve harika jQuery kaydırıcısı. Kurulumu kolaydır ancak eklenti fazla yer kaplamaz.

16. Paralakslı tam ekran sürükleme kaydırıcısı

Görüntüleri ve metinleri görüntüleme özelliğine sahip bu çekici jQuery kaydırıcısı her web sitesi için uygundur. Hayranları hafif bir paralaks efekti ve tam metin görüntüsü ile memnun edecek.

Kaydırıcı görünümündeki galeri resimleri. Bu sonuçlandırma için materyali hazırlamaya başladığımda, net materyalin sadece iki tutarsızlığı olacağını düşündüm ve konuyu terk ettim. resim galerileri dünya kadar eski ve şimdiden talep görüyor. Merakım, eğer cilt tahrişinden gözlerimin önünde nezaketin ne olduğunu bulmak mümkün olsaydı, hiçbir sınırın olmamasıydı. Bu bağlantının sonucu pek iyi olmadı ama bence yeterli kopya olacak. Bunlar arasında uyarlanabilir galeri resimleri yani ben galeriler.
Konuşmadan önce, bir önceki başlıkta WordPress için bazı galeri eklentilerini topladım, bu yüzden WordPress üzerinde bir web siteniz varsa çok mutlu olacağınızı düşünüyorum.

1. Galeriyi Birleştir

2. Küçük Resim Atlıkarıncaya Sahip Duyarlı Resim Galerisi

4. jQuery ile Tam Sayfa Resim Galerisi

5. jQuery ile Slider Galerisi

6. Galleria

Listepad 4, 2019 Gönderi güncellendi

Yuriy Nimetz

Kaydırıcı açık saf CSS+ bonus kaydırıcısı

CSS kaydırıcıları Javascript kaydırıcılarından çok daha üstündür. Bu avantajlardan biri çekimin akışkanlığıdır. Yalnızca büyük boyutlu kaydırıcılar için resimler değil (farklı ekranlar için optimizasyon yoktur), aynı zamanda komut dosyaları oluşturmak için de iyi bir saat harcanır. Ale u statti Saf CSS kullanarak daha fazla kaydırıcı oluşturacaksınız.

Sitedeki kaydırıcılar hakkında bildiklerim:

1. CSS3 resim kaydırıcısı

Slaytlar ve radyo düğmeleri arasında gezinmek için kullanılan CSS kaydırıcısı. Bu radyo düğmeleri kaydırıcının altında bulunur. Navigasyon, radyo düğmelerinin yanı sıra sol ve sağ okları kullanarak da çalışır. Bunu takip etmek için, görüntüler eşzamanlı olarak yeniden tasarlanırken, sözde sınıflar vikorize edilir: kontrol edilir.

2. Küçük resimlerle birlikte CSS3 kaydırıcı ekranı

Önceki CSS kaydırıcısına ek olarak, alt kısımdaki radyo düğmeleri yerine, tüm resimlerin genişletilmiş küçük resimleri bulunur; bu, resim galerisi oluşturulduğunda manuel olarak da gerçekleştirilir. Görüntüler farklı bir etkiyle değişiyor: Yavaş yavaş büyüyorlar.

3. CSS'li Galeri

Ve CSS'deki bu eksen kaydırıcısı, satış yapan sayfalar için mükemmeldir. Kural olarak, birçok web geliştiricisi, açılış sayfalarını (satış sayfaları) geliştirirken, en başlangıca bir kaydırıcı yerleştirir, böylece ilk ekranda (kaydırma olmadan), bu sayfadaki herkes için olan tüm avantajlardan anında yararlanabilirsiniz. . Ayrıca bu kaydırıcı uyarlanabilir ve aynı zamanda sessizdir.

4. Hiç çaba harcamadan CSS'de kaydırıcı

Bu kaydırıcının bir Viktorya mesajı olmadığını hemen belirtmek isterim! Arka planda, baş görselin (slayt) yanında 2 slayt daha görebilirsiniz. Koku özüne kadar giderildi. Slaytların değiştirilmesi normal modda yapılır: Başlangıçta iki slayt açılır ve daha sonra ana slayt olacak slayt ortadadır. Daha sonra kaydırak büyüyerek diğerlerinin önüne yerleştirilir.

5. Duyarlı CSS3 kaydırıcısı

Kontrolleri radyo düğmelerine dayanan başka bir uyarlanabilir kaydırıcı. Bu kaydırıcının nasıl görüneceğine hayret edin çeşitli müştemilatlar ah - Tarayıcı penceresini bağımsız olarak değiştirebilirsiniz veya kaydırıcının yanında, kaydırıcıyı bir bilgisayarda, tablette veya akıllı telefonda nasıl görüntüleyeceğinizi tıklayan çeşitli cihazların özel simgeleri vardır.

***BONUS KAYDIRICI***

Yukarıda sunulan tüm kaydırıcılara ek olarak sizi bir tane daha memnun etmek istiyorum. Bu kaydırıcı bir resim galerisi oluşturmak için mükemmeldir. Ne yapmanız gerektiğini kelimelerle açıklayamıyorsanız, videodaki her şeye hayret etmek daha iyidir:

Visnovok

Kaydırıcıların yardımıyla, resim galerilerini daha kompakt bir şekilde yerleştirerek güzel bir şekilde tasarlayabilir, kaydırıcıyı sattığınız sayfanın ilk ekranına (sayfanın kaydırılmadan görülebilen kısmı) yerleştirebilir ve ana galeriyi hemen gösterebilirsiniz. ortadan kaldırılmasının faydaları. Kaydırıcıları dondurmanın birçok yolunu bulabilirsiniz, ancak kesin olan bir şey var ki, doğru kullanıldığında kötü kokuyorlar.

İstatistiklerin incelediği noktalar.

Uyarlanabilir veya isterseniz hassas web tasarımı sadece modaya uygun bir tasarım trendi değil, aynı zamanda web sitelerinin çok yönlülüğünü, çeşitli tüketici cihazlarının ekranlarında uyumlu görsel uyumu sağlayacak bir web sitesi geliştirme standardıdır. Son zamanlarda, geliştirme sırasında uyarlanabilir şablon, orijinal tasarım stilini bozmadan bunları ve diğer kaydırıcıları ve resim galerilerini entegre etmenin çeşitli zorluklarıyla uğraşmak zorunda kaldım. Artık her şey çok daha basit, en azından çok sayıda hazır çözümün farkına varılıyor ve bunların çoğunun gizli bir çıkış koduyla serbestçe erişilebilir tutulması özellikle önemli.

Sunulan araçların çeşitliliği sayesinde, her zaman ortaya çıkan ve her yerde sınırsız olarak görüntülenen görüntüleri görüntülemek için uyarlanabilir jQuery kaydırıcılarındaki en dikkat çekici gelişmelere kısa bir göz attım. kesinlikle ücretsizdir.

Vay Kaydırıcısı

Uyarlanabilir jQuery kaydırıcı, harika görsel efektler (döndürmeler, voleybollar, yayılmalar, spiraller, panjurlar vb.) içeren ve kusursuz bir şekilde görüntülenir hazır şablonlar. WOW Slider'da yerleşik olarak bulunan kenar çubuğu ekleme yöneticisinin yardımıyla, hastalıkların tedavisi için kolayca ve zahmetsizce mucizevi slayt gösterileri oluşturabilirsiniz. Perakendecinin web sitesinde, eklentinin mucizevi canlı uygulaması olan Rus eklentisinin kurulumu ve kullanımına ilişkin gerekli tüm belgeler bulunmaktadır. Ayrıca indirilebilir Wordpress eklentisi Joomla için bu modül. Bu harika kaydırıcının hem yeni başlayanlar hem de bu fikri ortaya atan web uzmanları için sunabileceği çok şey olduğu için tebrikler.

MerhabaSlider

HiSlider - HTML5, Jquery kaydırıcısı ve resim galerisi, kesinlikle maliyet eklentisi yok Popüler sistemler altındaki sitelerde özel tasarım için - WordPress, Joomla, Drupal. Bu basit ama işlevsel aracın yardımıyla, sitelerinizin sayfalarında harika slayt gösterileri, etkili sunumlar ve yeni haberlerin duyurularını fazla çaba harcamadan oluşturabilirsiniz. Kaydırıcı için bir düzine hazır şablon ve dış görünüm, çekici geçiş efektleri (değişiklikler), çeşitli multimedya içeriğinin görüntülenmesi: YouTube ve Vimeo'dan videolar, tavşanlar koristuvach'ın ayarlanması vesaire...

Nivo Kaydırıcısı

Nivo Slider, bilen herkesin iyi bildiği, tarihteki en güzel ve en basit görüntü kaydırıcılardan biri olan eski güzel bir kaydırıcıdır. JQuery Nivo Slider eklentisinin kullanımı ve daha fazla geliştirilmesi ücretsizdir ve MIT lisansı kapsamında genişletilir. Aynı zamanda WordPress için harika bir eklentidir, ancak ne yazık ki ücretlidir ve bir lisans için maliyeti 29 ABD dolarıdır. Yapılacak en iyi şey, WP dosyalarıyla biraz zaman geçirmek ve Nivo Slider eklentisinin ücretsiz jQuery sürümünü blogunuza eklemek, böylece yeterli bilgiye sahip olabilirsiniz.
İşlevselliğe gelince, her şey yolunda. İş için jQuery v1.7+ kitaplığını, harika geçiş efektlerini, basit ve kolay ayarlamaları, uyarlanabilir düzeni, otomatik görüntü kırpmayı ve çok daha fazlasını kullanıyoruz.

Kaydırıcının fikri, Vistavi tarzını iyi bilen perakendecilerden ilham aldı. Apple ürünleri, basit bir animasyon efektiyle seçilen kategoriye tıklandığında bir dizi küçük nesne değişir. Codrops size bir kaydırıcının nasıl oluşturulacağı, yeni bir HTML düzeni düzeni, bir dizi CSS kuralı ve jQuery'yi dönüştüren bir eklentinin yanı sıra özel bir kaydırıcının harika bir canlı örneğini nasıl oluşturacağınıza dair bir rapor sunar.

Yarık Kaydırıcısı

Tam ekran kaydırıcı, site tarafında eklenti entegrasyonu ile JQuery ve CSS3 + raporlama aracı kullanılarak görüntülenir. Buradaki fikir, bir sonraki veya önceki yere geçmeden önce açık akış slaytını önceki içerikle kesmektir. Yardım için JQuery CSS animasyonları Slaytlar arasında benzersiz geçişler oluşturabilirsiniz. Uyarlanabilir kaydırıcı düzeni, ekranlarda hala iyi görünmesini sağlar farklı şekiller Koristuvalnytsky ek binaları.

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

Genişletildiği kabın boyutlarına göre genişlik ve yüksekliği otomatik olarak ayarlayan kaydırıcı bulunmaktadır. JQuery üzerinde çalışan, alt kısımda gezinme bulunan basit ve özelleştirilmiş bir kaydırıcı ekleyin, ekran boyutunu değiştirdiğinizde gezinme simgeler biçiminde görüntülenir. Dokümantasyon çok bilgilendiricidir (yaratma dersi) ve vikoristan'ın canlı uygulamasıdır.

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

Kaydırıcının deneysel bir versiyonu, 3 boyutlu bir düzlemden geçişli görüntüleri gösterir. Görüntüler iki yatay sütuna bölünmüştür; gezinme oklarını kullanarak dış görünüm görüntüsünü bir görünümden diğerine değiştirebilir ve taşıyabilirsiniz. Bunda özel bir şey yok, ama Vikonannya'nın meyve suyu elde etme fikri ve tekniği.

Ç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 bağlantılı olarak CSS geçişlerine (geçiş gücü) dayanmaktadır. Maksimum genişlik değeri %100 olarak ayarlanmıştır, böylece resimlerin boyutu ekran boyutundaki değişikliklere göre değişir. Tasarımda özel bir animasyon efekti yoktur, her şey basit ve kesintisiz çalışma için tasarlanmıştır.

Minimum Slaytlar

Adı açıklayıcıdır, muhtemelen mevcut en hafif ve en minimalist jQuery resim kaydırıcılarından biridir (1kb eklenti). ResponsiveSlides.js- kabın ortasında bir slayt gösterisi, görsel öğeler oluşturan küçük bir JQuery eklentisi. IE6 ve ötesindeki ünlü ilerleme galası olan IE'nin tüm sürümleri de dahil olmak üzere çok çeşitli tarayıcılarla çalışır. Robot, emin olmak için CSS3 geçişlerini JavaScript ile birlikte kullanıyor. Sırasız bir listeyi kolayca sıralayın, geçişleri ve zaman aralıklarını ayarlayın, slaytları otomatik ve manuel olarak değiştirin ve aynı anda birden fazla slayt gösterisini destekleyin. Aks, shvidky bir “malyuk” akstır.

Kamera

Kamera ücretsiz jQuery web sitesi sayfalarında slayt gösterileri düzenlemek için bir eklenti, sıfır geçiş efektlerine sahip hafif bir kaydırıcı, %100 uyarlanabilir bir düzen ve daha da basit ayarlamalar. Herhangi bir bilgisayar cihazının (PC monitörleri, tabletler, akıllı telefonlar vb.) ekranlarına mükemmel şekilde sığacaktır. cep telefonları). İndirilen videoyu gösterme imkanı. Slaytların otomatik olarak değiştirilmesi ve ek düğmelerin ve görüntü küçük resim bloğunun manuel olarak çalıştırılması. Ayrıca kompakt viconn'dan tam bir resim galerisi de bulunmaktadır.

bxSlider jQuery

JQuery'deki başka bir basit uyarlanabilir kaydırıcı. Slaytlar herhangi bir içerik, video, resim, metin ve diğer öğeleri içerebilir. Genişletilmiş destek dokunmatik ekranlar. Vikoristannaya CSS geçiş animasyonları. Slayt gösterilerinin ve kompakt resim galerilerinin sunumunda birçok farklı varyasyon vardır. Otomatik ve manuel kontrol. Ek düğmeleri kullanarak slaytları karıştırma ve küçük resimleri seçme. Çıktı dosyasının küçük boyutu, kurulum ve uygulama için daha da basittir.

FlexSlider2

FlexSlider2 Güncellenmiş versiyon Artan yanıt hızı, komut dosyasının en aza indirilmesi ve yeniden kompozisyon/yeniden boyamanın en aza indirilmesi ile tek isimli bir kaydırıcı. Eklenti, temel bir kaydırıcı, ek küçük resimler için kaydırma kontrolü kontrolü, sol-sağ oklar ve düğme görünümünde bir alt gezinme çubuğu içerir. Videoyu slaytlarda (vimeo) görüntüleme imkanı, parametrelerin esnek şekilde özelleştirilmesi (geçişler, tasarım, saat aralığı), tamamen uyarlanabilir düzen.

Galleria

Yüksek kaliteli galeriler ve resim kaydırıcıları oluşturmaya yönelik popüler, uyarlanabilir jQuery eklentisine hoş geldiniz. Kaydırıcı arayüzü bütünüyle görsel olarak orijinal video oynatıcıyı andırıyor ve eklenti bir dizi farklı tasarım teması içeriyor. Popüler hizmetlerden indirilen video ve görseller için destek: Flickr, Vimeo, YouTube ve diğerleri. Ayarlama ve wiki'den ayrıntılı belgeler.

Yaban mersini

Duyarlı web tasarımı için özel olarak yazılmış, basit, gösterişten uzak, ücretsiz bir JQuery görüntü kaydırıcısı. Blueberry, kapalı kaynak kodlu deneysel bir JQuery eklentisidir. Minimalist tasarım, efekt yok, yalnızca kısa bir süre içinde birbiri ardına değiştirilebilen resimlerin düzgün bir şekilde birleştirilmesi. Her şey çok basit: kurun, bağlanın ve başlayın.

jQuery temel göz 2.1

Lightbox öğeleriyle görüntülenen çok kompakt bir jQuery kaydırıcısı. Küçük boyutu nedeniyle herhangi bir kaba, küçük resim biçiminde tek bir girişe yerleştirmek kolaydır, imleci farenin üzerine getirdiğinizde veya üzerine tıkladığınızda, daha büyük bir görüntüye sahip bir ışık kutusu etkinleştirilir ve öğeler Nya'yı kontrol ediyordu. Ürünlerin tanıtılması ve yeni ürünlerin duyurulması için diğer panellere böyle bir kaydırıcı yerleştirmek kolaydır. Çok fazla bilgi içeren siteler için harika bir çözüm.

Sekans

Gelişmiş CSS3 geçişlerine sahip, ücretsiz uyarlanabilir kaydırıcı. Minimalist tarz, 3 tasarım teması, Kaplama çerçevesi yatay olarak uzanır, ortada görünür, resim sola gider, başlık sağa gider, minyatürler sağ alt köşede kopyalanır. Yan tarafta ciltte görüntülenmek üzere ürünlerin sergilendiği bir ekran. Kontroller ayrıca geri ve ileri düğmelerini de içerir. Her şey için destek mevcut tarayıcılar.

Tokatlamak

İşlevsellik ve ayarlara sahip çok basit bir görüntü kaydırıcısı, slayt değiştirme hızındaki değişikliklerin varlığını ayarlama, manuel moda bağlanma (kontrol düğmeleri etkin), sürekli slayt gösterisi. Bu kaydırıcı, bu çalışmada özellikle yararlı hiçbir şey almadığı için daha az fayda sağlama hakkına sahip olabilir, belki de kötü bir şakadır)))

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

Volodymyr Kudinov ve meslektaşlarından harika, uyarlanabilir bir görüntü kaydırıcısı. İyi ve bakımlı bir alet olması ümidiyle kalçalıі raporlama talimatları zі yaratma, kurulum ve vikoristannya. Uyarlanabilir tasarım, sevimli düğmeler ve yeşil oklar, her şey baskı olmadan güzel ve sakin bir şekilde çalışıyor.

Kesir Kaydırıcısı

Resimler ve metin slaytları için paralaks efektli ücretsiz jQuery kaydırıcı eklentisi. Slaytların animasyonu, saatin dış görünüm parametreleri ve animasyon üzerinde tam kontrol sağlayarak ekranın değerini artırır. Bir slaytta birden fazla öğe için animasyon imkanı. Farklı animasyon yöntemleri yükleyebilir, slaytlar oluşturabilir veya doğrudan şarkıdan geçiş yapabilirsiniz. Resmin üzerine gelindiğinde birleşen ek gezinme oklarının otomatik olarak görüntülenmesi ve manuel olarak gezinmesi. 10 çeşit animasyon efekti, slayt ve çok daha fazlası.

Dünya geneline bir bakış çok zengindir ancak bakılan ürünlerin çokluğu nedeniyle pek bilgilendirici değildir. Tüm ayrıntılar ve ayrıntılı açıklamalar işlevsel yetenekler Bunu veya bu eklentiyi doğrudan satıcının sayfalarında bulabilirsiniz. Kimsenin web sitelerinin sayfalarında renkli resim kaydırıcıları oluşturmak için çok ihtiyaç duyulan aracı aradığına dair hiçbir fikrim yok.

Bunu düşünseydik Ruslaştırılmış şablonlarla çalışmak bizim için kötü olur muydu? Bir anlığına düşünün. İngilizce şablonlarla çalışarak bir saat harcadım. Artık onu TemplateMonster pazarında bulabileceğiniz gerçeğiyle sizi memnun etmek için acele ediyoruz. Her birinin metni elle yazılmıştır. Ve elbette tüm hazır çözümler Vikoristan için inanılmaz derecede basit.

Andriy'e saygılarımla

1. Harika jQuery slayt gösterisi

JQuery teknolojisini kullanan harika bir slayt gösterisi.

2. jQuery eklentisi "Ölçek Atlıkarınca"

jQuery kullanarak ölçeklendirilmiş slayt gösterileri. Slayt gösterisinin boyutlarını kendinize en uygun şekilde ayarlayabilirsiniz.

3. jQuery eklentisi "slideJS"

Metin açıklamalı kaydırıcı ekranı.

4. Eklenti "JSliderNews"

5. CSS3 jQuery kaydırıcısı

İmlecinizi gezinme oklarının üzerine getirdiğinizde sonraki slaydın dairesel küçük resmi görünür.

6. Güzel jQuery “Sunum Döngüsü” kaydırıcısı

Görüntü kullanılabilirliği göstergesine sahip jQuery kaydırıcısı. Slaytların otomatik değişimi aktarıldı.

7. jQuery eklentisi “Paralaks Kaydırıcısı”

Arka planda hacimsel efektli kaydırıcı. Bu kaydırıcının çubuğu, her biri değişen akışkanlıkla dönen birkaç toptan oluşan bir arka plan üzerine yerleştirilmiştir. Sonuç, hacimsel bir etkinin taklididir. O kadar güzel görünüyor ki, kendiniz de içine girebilirsiniz. Efekt Opera gibi tarayıcılarda daha düzgün görünür, Google Chrome, yani.

8. Taze, hafif jQuery kaydırıcısı "bxSlider 3.0"

Demo sayfasında "örnekler" bölümünde her şeyle ilgili talimatları bulabilirsiniz. Olası seçenekler Bu eklentinin Vikoristan'ı.

9. jQuery resim kaydırıcısı, "slideJS" eklentisi

Projenizi gerçekten aydınlatabilecek şık bir jQuery kaydırıcısı.

10. jQuery slayt gösterisi eklentisi “Kolay Slaytlar” v1.1

Slayt gösterileri oluşturmak için basit bir jquery eklentisi.

11. “jQuery Slidey” eklentisi

Çeşitli uygulamalar için hafif jQuery eklentisi. Slaytların otomatik değişimi aktarıldı.

12. Otomatik slayt değiştirme özelliğine sahip jQuery CSS galerisi

“İleri” veya “Geri” oklarına basmadığınız sürece galeri otomatik olarak kaydırılacaktır.

13. jQuery kaydırıcısı "Nivo Kaydırıcısı"

Geçerli koda sahip, çok profesyonel, anlaşılır ve hafif bir eklenti. Slayt değiştirmenin birçok farklı efekti aktarılmıştır.

14. jQuery kaydırıcısı "MobilySlider"

Taze kaydırıcı. Çeşitli efektlere sahip jQuery kaydırıcısı, görüntüyü değiştirin.

15. jQuery Eklentisi “Slider²”

Otomatik slayt değiştirme özelliğine sahip hafif kaydırıcı.

16. Yeni javascript kaydırıcısı

Görüntülenecek kaydırıcıyı otomatik olarak değiştirin.

Otomatik slayt değişimiyle slayt gösterileri uygulamak için eklenti. Ek küçük resimlerin görüntülenmesini kontrol edebilirsiniz.

jQuery CSS'si Kaydırıcı, NivoSlider eklentisi kullanılarak görüntülenir.

19. jQuery kaydırıcısı “jShowOff”

Birlikte döndürmek için eklenti. Üç gezinme seçeneği: gezinme olmadan (slayt gösterisi formatında otomatik değişiklikle), düğme görünümünde gezinme, resim küçük resim görünümünde gezinme.

20. Eklenti "Deklanşör Efekti Portföyü"

Bir fotoğrafçının portföyünü tasarlamak için yeni jQuery eklentisi. Galeri, görüntüyü değiştirmenin basit bir etkisini uyguladı. Fotoğraflar, mercek deklanşörüne benzer bir efektle birer birer değişir.

21. Hafif javascript CSS kaydırıcısı "TinySlider 2"

Görüntü kaydırıcısının uygulanmasında javascript ve CSS kullanılır.

22. Dil kaydırıcısı “Tinycircleslider”

Şık yuvarlak kaydırıcı. Görüntüler arasındaki geçiş, kalp kazığı gibi görünen bir dairenin kazık boyunca sürüklenmesiyle yapılıyor. Tasarımda yuvarlak öğeler kullanırsanız web sitenize mükemmel uyum sağlar.

23. jQuery kullanarak resim kaydırıcı

Hafif kaydırıcı "Kaydırıcı Kiti". Farklı Vikonanni'ler için kaydırıcıyı görüntüleyin: dikey ve yatay. Ayrıca uygulandı farklı görünümler Resimler arasında gezinme: "İleri" ve "Geri" düğmelerini kullanarak, fare tekerleğini kullanarak, slayttaki fare tıklamasını kullanarak.

24. Minyatür galeri "Kaydırıcı Kiti"

Galeri "Kaydırıcı Kiti". Küçük resimlerin kaydırılması hem dikey hem de yatay olarak çalışır. Fare tekerleğini kullanarak, fareye basarak veya imleci küçük resmin üzerine getirerek görüntüler arasında geçiş yapabilirsiniz.

25. "Kaydırıcı Kiti" yerine jQuery kaydırıcısı

JQuery kullanarak dikey ve yatay içerik kaydırıcısı.

26. jQuery slayt gösterisi "Kaydırıcı Kiti"

Otomatik slayt değiştirmeli slayt gösterisi.

27. Hafif profesyonel javascript CSS3 kaydırıcısı

2011'de oluşturulan, jQuery ve CSS3'ü temel alan zarif bir kaydırıcı.

Küçük resimlerle jQuery slayt gösterisi.

29. jQuery slayt gösterilerini kolaylaştırın

Gezinme düğmeleriyle slayt gösterisi.

30. Neumovirn slayt gösterisi jQuery “Skitter”

Süslü bir slayt gösterisi oluşturmak için jQuery eklentisi "Skitter". Eklenti, görüntüleri değiştirirken 22 (!) türde çeşitli animasyon efektlerini destekler. Slaytlar arasında gezinmek için iki seçeneği kullanabilirsiniz: ek slayt numaraları kullanma ve ek küçük resimler kullanma. Gösteriye hayret etmek çok kolay, bu çok açık bir keşif. İncelenecek teknolojiler: CSS, HTML, jQuery, PHP.

31. Slayt gösterisi "Garip"

Fonksiyonel slayt gösterisi. Slaytlar şu şekilde görünebilir: basit resimler, altyazılı resimler, ipuçları içeren resimler, videolar. Gezinmek için slayt numaralarındaki okları ve klavyedeki sağ/sol el tuşlarını kullanabilirsiniz. Slayt gösterisi çeşitli seçeneklerle sunulur: küçük resimli ve küçük resimsiz. Tüm seçenekleri incelemek için Demo #1 - Demo #6'ya gidin ve bunu demo sayfasında canavarın kullanımına sunacağız.

Kaydırıcının görüntüsü tahmin edebileceğiniz gibi oldukça özgün bir tasarıma sahip. Slayt değiştirme animasyonu yapıldı. Okları kullanarak resimler arasında gezinebilirsiniz. Ayrıca Oynat/Duraklat düğmesini kullanarak düğmeye basabileceğiniz ve sesi açabileceğiniz bir otomatik değişiklik de bulunmaktadır.

Animasyonlu jQuery kaydırıcısı. Tarayıcı penceresi boyutunu değiştirdiğinizde arka plan resimleri otomatik olarak ölçeklenir. Dış görünüm görüntüleri için açıklama içeren bir blok görüntülenir.

34. jQuery ve CSS3 kullanan "Flux Slider" kaydırıcısı

Yeni jQuery kaydırıcısı. Slaytları değiştirirken bir dizi harika animasyonlu efekt.

35. jQuery eklentisi “jSwitch”

Animasyonlu jQuery galerisi.

Otomatik slayt değişimi ile jQuery'de daha kolay slayt gösterisi.

37. "SlideDeck 1.2.2" eklentisinin yeni sürümü

Profesyonel içerik kaydırıcısı. Slaytı otomatik olarak değiştirme seçeneklerinin yanı sıra slaytlar arasında hareket etmek için fare tekerleğini kullanma seçeneği de vardır.

38. jQuery kaydırıcısı “Sudo Kaydırıcısı”

JQuery kullanan hafif görüntü kaydırıcısı. Çok sayıda uygulama seçeneği vardır: resmin yatay ve dikey değişimi, slayt numarasındaki talimatlarla ve talimatsız, altyazılı ve altyazısız, resim değişikliğinin farklı etkileri. Ä işlevi otomatik değişim slaytlar. Uygulamaya yönelik uygulama talimatlarını demo sayfasında bulabilirsiniz.

39. jQuery CSS3 slayt gösterisi

Küçük resimler içeren slayt gösterileri, otomatik slayt değiştirme modunu destekler.

40. jQuery Akı Kaydırıcısı

Şeffaf efektlere sahip bir kaydırıcı görüntüleyin.

41. Basit jQuery kaydırıcısı

JQuery kullanarak şık görüntü kaydırıcısı.