Zaman hala onunla durmaz ve ilerleyin. Bu internetin genişliklerini etkiledi. Zaten ne kadar değiştiğini görebilirsiniz görünüm Siteler, adaptif tasarım özellikle popülerdir. Ve bu bağlamda az yeni yoktu Adaptif jquery sürgülerigaleriler, atlıkarınç veya benzeri eklentiler.
1. Duyarlı Yatay Mesajlar Kaydırıcı
Ayrıntılı kurulum talimatlarına sahip adaptif yatay atlıkarınca. Basit bir tarzda yapılır, ancak kendinizin altında stilize edebilirsiniz.
2. glide.js üzerinde kaydırıcı
Bu kaydırıcı herhangi bir site için uygundur. Açık kaynaklı glide.js kullanır. Kaydırıcının renkleri kolayca değiştirilebilir.
3. eğik içerik slayt gösterisi
İçeriğe sahip uyarlanabilir kaydırıcı. Bu kaydırıcının vurgulanması 3B görüntü efekti, ayrıca rastgele sırayla görünümün farklı animasyonlarıdır.
4. HTML5 Tuval Kullanarak Kaydırıcı
Etkileşimli parçacıklarla çok güzel ve etkileyici bir kaydırıcı. HTML5 tuval kullanılarak yapılır,
5. kaydırıcı "morphing görüntüler"
Morfing etkisiyle kaydırıcı (bir nesneden diğerine pürüzsüz dönüşüm). Bu örnekte, kaydırıcı bir Web geliştirici portföyü veya bir portföy şeklinde bir Web Studio için uygundur.
6. Dairesel kaydırıcı
Görüntü darbesinin etkisiyle bir daire şeklinde kaydırıcı.
7. Arka plan bulanık ile kaydırıcı
Anahtarlama ve bulanıklık arka arkaplan ile uyarlanabilir kaydırıcı.
8. Uyarlanabilir moda kaydırıcısı
Site için basit, hafif ve uyarlanabilir bir kaydırıcı.
9. Slicebox - JQuery 3D görüntü kaydırıcısı (Güncellenmiş)
Düzeltmeler ve yeni özelliklerle Slicebox kaydırıcı versiyonu güncellendi.
10. Ücretsiz Animasyonlu Duyarlı Görüntü Izgarası
JQuery eklentisi, çeşitli animasyonlar ve zamanlamaları kullanarak resimleri değiştirecek esnek bir görüntü ızgarası oluşturmak için. Yeni görüntülerin ve geçişlerinin seçici görünümünü özelleştirebileceğimiz için sitede bir arka plan veya dekoratif unsur olarak iyi görünebilir. Eklenti birkaç versiyonda yapılır.
11. FlexSlider.
Siteniz için evrensel ücretsiz eklenti. Bu eklenti, kaydırıcının ve atlıkarıncaların çeşitli varyantlarında yapılır.
12. photorama
Fotorama.- Bu evrensel bir eklentidir. Çok fazla ayarı var, her şey hızlı ve kolay çalışır, slaytları tüm ekrana görüntülemek mümkündür. Slider, hem sabit bir boyutta hem de uyarlanabilir, küçük resimler ve hiçbir şey olmadan, küçük resimlerle ve başka bir şey olmadan kullanılabilir.
P.S.Kaydırıcıyı birkaç kez koyun ve en iyilerinden biri olduğuna inan
13. Minyatürlerle ücretsiz ve adaptif 3D galeri kaydırıcısı.
Deneysel Galeri-Kaydırıcı 3dpanellayout Izgara ve ilginç animasyon etkileri ile.
14. CSS3'te kaydırıcı
Adaptif kaydırıcı, CSS3 kullanılarak, içerik ve ışık animasyonunun düzgün bir şekilde görünmesi ile yapılır.
15. WOW Slider
Vay kaydırıcı.- Bu, çarpıcı görsel efektlere sahip bir görüntü kaydırıcısıdır.
17. Elastik
Tam uyarlanabilirlik ve minyatür slaytlı elastik kaydırıcı.
18. yarık.
Bu, CSS3 animasyonunu kullanan tam ekran adaptif bir kaydırıcıdır. Kaydırıcı iki versiyonda gerçekleştirilir. Animasyon oldukça alışılmadık ve güzel yapılır.
19. Adaptif Plus Fotoğraf Galerisi
Diyagram görüntüleri ile basit ücretsiz kaymak galeri.
20. WordPress için Uyarlanabilir Kaydırıcı
WP için uyarlanabilir serbest kaydırıcı.
21. Paralaks İçerik Kaydırıcısı
Paralaks etkisiyle kaydırıcı ve her bir elemanın kontrolünü CSS3 kullanarak.
22. Müzik ciltlemeli kaydırıcı
Açık kaynak kodu JPlayer kullanarak kaydırıcı. Bu kaydırıcı müzikle bir sunumuna benziyor.
23. jmpress.js ile kaydırıcı
Adaptif kaydırıcı JMPRESS.JS'ye dayanmaktadır ve bu nedenle slaytlara ilginç 3D efektleri kullanmanıza izin verir.
24. Hızlı Hover Slayt Gösterisi
Hızlı anahtarlama slaytlarıyla slayt gösterisi. İmleci taşırken slaytlar geçiş yapar.
25. CSS3 ile görüntü akordeon
CSS3 ile görüntülerin akordedilmesi.
26. Bir dokunuş optimize edilmiş galeri eklentisi
Bu, dokunmatik cihazlar için optimize edilmiş bir uyarlamalı galeridir.
27. 3D Galeri
3D duvar galerisi.- 3D efektin göründüğü Safari tarayıcısı için oluşturuldu. Başka bir tarayıcıya bakarsanız, işlevsellik iyi olacak, ancak 3D efekti görünmez.
28. Pagindin ile kaydırıcı
JQuery UI kaydırıcısını kullanarak adaptif sayfa numaralandırma kaydırıcısı. Fikir basit bir navigasyon kavramı kullanmaktır. Tüm görüntüleri veya posta anahtarlamasını geri sarmak mümkündür.
29. JQuery ile Montaj
Ekran genişliğine bağlı olarak otomatik görüntü konumu. Bir portföy sitesi geliştirirken çok faydalı bir şey.
30. 3D galeri.
CSS3 ve JQuery'de basit bir 3D dairesel kaydırıcı.
31. CSS3 ve JQuery'de 3D Efektli Tam Ekran Modu
Güzel bir geçiş ile tam ekran görüntü görüntüleme yeteneği olan kaydırıcı.
Görüntü galerileri ve sürgüleri en popüler jquery formatlarından biridir. Onlar sayesinde, değerli bir yer tasarrufu sağlarken, istenen görsel içeriği siteye ekleyebilirsiniz.
Galeriler ve sürgüler bir sayfayı daha az yüklü yapar, ancak yine de mesaj göndermek için gerekli tüm görüntüleri eklemenizi sağlar. Özellikle çevrimiçi mağazalar için faydalı olacaklar.
Bugünün makalesinde sizin için topladığımız makalede en iyi galeriler Görüntüler ve jquery sürgüleri.
Onları kurmak için, baş bölümünde seçilen eklentileri eklemek için yeterlidir. Html sayfaları JQuery Library ile birlikte ve bunları belgelere göre yapılandırın (tüm kod satırının tamamı).
Bu öğelerden hangisinin projenize mükemmel bir şekilde uyacağını seçin.
1. Bootstrap kaydırıcısı
Bootstrap Slider, kaydırma ve fırçalama ile kaydırma ile ücretsiz, optimize edilmiş bir mobil cihaz kaydırıcısıdır. Herhangi bir ekranda ve herhangi bir tarayıcıda şaşırtıcı görünecektir. Görüntüleri, video, metin, küçük resimleri ve düğmeleri kaydırıcılara indirebilirsiniz.
2. Ürün Önizleme Kaydırıcısı
Ürün Önizleme Slider, jQuery'nin tüm potansiyelini içerir, herhangi bir arayüze tamamen gömülüdür. Ayrıca bu eklentinin kodunun kalitesini ve saflığını da karşılayacaksınız.
3. Genişletilebilir Resim Galerisi
Genişletilebilir Resim Galerisi, bir tıklama ile farenin tam ekran bir galeriye dönüştüğü çarpıcı bir eklentisidir. "Hakkımızda" bölümünde kullanılabilir veya mallarla ilgili bilgileri görüntülemek için kullanılabilir.
4. Fotorama.
Fotorama, hem masaüstü hem de mobil tarayıcılar için çalışan bir jquery galerisi eklentisidir. Birçok navigasyon seçeneği sunar: minyatürler, kaydırma, düğmeler "ileri" ve "geri", otomatik slayt gösterisi ve işaretleyicileri gösterir.
5. Sürükleyici kaydırıcı
Sürükleyici kaydırıcı, Google TV kaydırıcısına benzer şekilde, benzersiz bir deneyim görüntüleme slaytları oluşturmanıza olanak sağlar. Odakları ana fotoğraflara kaydetmek için bulanıklaşacak arka plan görüntüsünü değiştirebilirsiniz.
6. Endersjs.
Enditjs, çarpıcı bir galeri oluşturmanıza yardımcı olacak duyarlı bir jquery eklentisidir. İmleci görüntüye işaret ettiğinizde, metin, pencereye bastığınızda, tüm ekranı açar.
7. Sürgülü Paneller Şablonu
Bu eklenti bir portföy için idealdir. Seçilen içeriğin bağlanacağı, yatay (dikey olarak dikey olarak) bulunan görüntü blokları oluşturacaktır.
8. Sıkma Kutusu Portföy Şablonu
SqueezeBox Portföy Şablonu, portföy için hareket efektleri sunar. İmleci ana görüntüye (veya blokta) bağladığınızda bağlı elemanları görünür.
9. Görüntüleri karıştırın.
Shuffle görüntüleri, görüntülerle değişen görüntülerle bir galeri oluşturmanıza olanak sağlayacak çarpıcı bir duyarlı eklentidir.
10. Ücretsiz JQuery Lightbox eklentisi
Bedava. jquery lightbox Eklenti, bir sayfada bir veya daha fazla resim göstermenize yardımcı olur. Ayrıca, büyütülebilir ve ilk boyuta geri dönebilirler.
11. PGWSLIDER - JQuery için duyarlı kaydırıcı
PGWSLIDER, minimalist bir görüntü kaydırıcısıdır. JQuery kodu biraz ağırlığında, bu yüzden bu eklentinin indirme hızı sizi hoş bir şekilde şaşırtacaktır.
12. dağınık polaroid galeri
Dağınık Polaroids Gallery - düz tasarımda yapılan çarpıcı bir kaydırıcı. Elemanları, görüntüleri değiştirirken, şaşırtıcı görünüyor.
13. Kabarık İçerik Filtresi
Bouncy Content Filtresi, portföy için mükemmel bir çözümdür. Bu eklenti, kullanıcıların bir kategoriden diğerine hızlı bir şekilde hareket etmesini sağlar.
14. Basit JQuery Slider
Basit JQuery Slider adını haklı çıkarır. Bu eklenti birleşir javascript elemanları, HTML5 ve CSS3. Varsayılan demo yalnızca metin yüklemek için kullanılabilir, ancak birden fazla değişiklik eklerseniz, görsel içerik ekleyebilirsiniz.
15. Glide JS.
Glide JS basit, hızlı ve duyarlı bir jquery kaydırıcısıdır. Ayarlanması kolaydır, eklentinin yanı sıra çok fazla alan almaz.
16. Paralakslı Tam Ekran Sürükle Kaydırıcısı
Bu çarpıcı jQuery kaydırıcısı görüntü ve metin yükleme olasılığı olan herhangi bir site için uygundur. Hafif bir paralaks etkisi ve metnin yavaş görünümü olan kullanıcıları memnun edecektir.
Yazardan: Web sayfalarının kaydırmadan görünen "ölüm" iddiasıyla ilgili söylentilere rağmen, iyi bir kaydırmaya olan ihtiyaç hiçbir yerde kaybolmadı. Dürüst olalım, en azından ikinci bir sürgü için eğlenceli. Ek olarak, hareketli içeriğin aksine başka hiçbir şey "WAU" efektinin etkisine neden olmaz. Tüm sürgü, birbirlerini değiştiren birkaç slayttan oluşan bir dizidir ve kaydırıcı kodunun mümkün olduğu kadar kolay olması zorunludur. JQuery'nin bize yardımcı olacağı gibi durumlarda.
Envato Market web sitesinden 20 jquery kaydırıcısına bir göz atın ve görüntüleri sorunsuz bir şekilde değiştirerek sadece bir bloktan daha fazla olan sürgü olduğunu anlayacaksınız.
1. RoyalsLider - JQuery'de Dokunmatik Görüntü Galerisi
Şimdi adaptif kaydırıcı ayrıca ekranlara dokunmak için dostça, öncekinden çok daha fazla demektir. RoyalsLider, her iki işlevi de birleştirir: uyarlanabilirlik ve dokunmatik ekranlarla çalışma. İyi bir seçimGaleri HTML5 ve CSS3'te yazıldığından beri.
Biraz İlginç fonksiyonlar:
Bir site kendiniz nasıl oluşturulur?
Yüksek Özellik
10'dan fazla ilk şablon
CSS3 geçişleri için izler var
Bence, en havalı işlev, gereksiz şeyleri ana JS dosyasından çıkarmanıza ve böylece ağırlığı azaltmanıza olanak sağlayan "Modüler Script Mimarisi" dir. RoyalsLider, JQuery'de Dokunmatik Görüntü Galerisi - Herhangi bir geliştiricinin bir kümesini doldurması gereken güvenilir JavaScript kaydırıcısı.
2. kaydırıcı devrimi adaptif jquery eklentisi
Bir kaydırıcıyla "devrimci" bir şey yapmak kadar kolay değil. Slaytlara gelince, içinde çok fazla işlev ekleyebilirsiniz. Ancak, kaydırıcı devrimi gerçekten iyi bir girişimdir. JQuery kaydırıcıları arasında, bu örnek tüm olası gereksinimlerinizi karşılar.
Slider özelliklerinin listesi çok büyük, bu yüzden sadece moststs listeleyeceğim:
Pararallax etkisi ve özel animasyon
Sınırsız sayıda katman ve referanslar ile slayt
kullanıma hazır, derin özel stiller
ve daha fazlası
Katıştırılmış bir video oynatıcı ekleme yeteneği ve sosyal ağlardan bağlantılar kaydırıcı devrimi, ağdaki en esnek ve özelleştirilebilir seçeneklerden biridir.
3. Layerserider adaptif jquery eklentisi kaydırıcı
"Layersslider adaptif jquery eklentisi kaydırıcısı" adıyla bu kaydırıcıyı gerçekten değerlendiremez.
200+ 2D ve Slaytlar arasında 3B geçişler kimseyi gönderir.
Olağanüstü fonksiyonlar birkaç:
13 derisi ve 3 menü türü
Bir kaydırıcıya sabit bir görüntü yerleştirme yeteneği
Ve jquery fallbek
Ve daha fazlası
Önceki kaydırıcıyla olduğu gibi, hemen hemen her içeriği, hatta HTML5 yerleşik multimedya içeriği ekleyebilirsiniz. LayersLider, kaydırıcıları canlandırır, ayrıca çok güzel.
4. JQuery Afiş Rotator / Slayt Gösterisi
jQuery Afiş Rotator / Slayt gösterisi, ana işlevselliği ödün vermeyen oldukça basit bir kaydırıcıdır.
Yetenekler:
Tultty, Metin ekleri vb.
Önizlemeler ve bileşenleri görüntülemek için çeşitli seçenekler
Bir kaydırıcının veya hepsinin gecikmesi ile zamanlayıcı
Her biri için tüm slaytların veya farklı geçişlerin birden fazla geçişi
jQuery Afiş Rotator / Slayt Gösterisi Diğer JQuery Kaydırıcılarına kıyasla temel fırsatlarAma onu unutma.
5. Hepsi bir sürgünde - adaptif jquery kaydırıcı eklenti
Ağda görünen herhangi bir kaydırıcı kendi kendine özgü bir vizyonu vardır ve alanındaki herhangi bir sorunu çözer. Ama sadece bu değil. Hepsi bir sürede "Herşey dahil" olarak adlandırılabilir.
Bence çoğu web geliştiricisi ve tasarımcıların kanıtlanmış bir çözüme sahip olduğunu düşünüyorum, ancak her zaman yeni bir şey arıyorlar. Ve bu "yeni bir şey" şunları içerir:
Rotator afişleri
Önizleme ile banner
Çalma listesi ile banner
İçerik kaydırıcısı
Atlıkarınca
Her türlü kaydırıcı, jquery sürgüleri tarafından ihtiyaç duyulan her şey değilse, işlevselliğin çoğunu destekler. Hepsi bir sürede "her şey dahil" olur mu?
6. Unoslider - Uyarlanabilir Dokunmatik Ekran Kaydırıcısı
Kaydırıcınız adapte olmazsa ve dokunmatik ekranları desteklemiyorsa, yanlış bir kaydırıcınız var. Unoslider doğru olanıdır.
Bu kaydırıcı, basitlik ve zengin fonksiyonlar kümesi arasındaki güneşin altında yerini buldu. İşlevler:
Destek Konusu
12 Hazır Konular
40 geçiş
IE6 + Destek Desteği
Tüm fonksiyonlar Tasarım ve tarzda bir önyargı ile işlevler, açık olmayan bir içerik kaydırıcısını konu ekleme olasılığı olan mükemmel bir içerik kaydırıcısını yapar.
7. Master Slider - JQuery Dokunmatik Ekran Kaydırıcısı
"Herkese hükmetmek için bir jquery kaydırıcı" mı arıyorsunuz? Master Slider - Farklı Ekran Boyutları için JQuery Dokunmatik Ekran Kaydırıcısı ...
Gelince İyi tasarım, Bu örnek en iyilerinden biridir:
25'ten fazla şablon
Donanım ivmesi geçişleri
Dokunma ve Svaypov Destek
Ve daha fazlası
İnteraktif geçişler, animasyonlu katmanlar ve sıcak noktaları kesinlikle dikkatinizi çekecektir. Master Slider - Yapıt.
8. Touchcarousel - JQuery İçeriği Scroller ve Slider
Touchcarousel ücretsiz destek ve güncellemeler çekiyor. Bununla birlikte, bu Hafif JQuery Slider tipi atlıkarınca bu tüm fonksiyonları değildir.
"Dokunuş" kelimesi başlıkta bulunursa, kaydırıcının tamamen uyarlanmış olduğunu ve dokunuşla desteklendiğini tahmin edebilirsiniz. Diğer özellikler:
SEO Optimizasyonu
Akıllı Avo Oynama
CSS3 Donanım Hızlanma Geçişleri
Photoshop için özelleştirilebilir UI ve 4 ciltler
Touchcarousel, benzersiz fiziksel kaydırma slaytlarından dolayı bu, mobil cihazlarda tamamen yeni bir duyum seviyesidir.
9. Gelişmiş Slider - JQuery XML kaydırıcısı
jQuery sürgüleri yalnızca sitelerde değil kullanılabilir. Web uygulamalarında da kullanışlı hale gelebilirler. Gelişmiş kaydırıcı bunu yapmanızı sağlar.
HTML veya XML İşaretleme ile, bu gelişmiş sürgü silinmez bir izlenime sahiptir:
Animasyonlu Katmanlar ve Akıllı Video
100+ geçiş ve 150+ özel özellikler
Bir kaydırıcı için 15 kaplama, kaydırma çubuğu için 7 kaplama ve dahili destek Lightbox
Klavye ile navigasyon, dokunuşlar için destek ve tam özelleştirilebilirlik
Ve daha fazlası
Ancak, en çok en iyi özelliği Bu gelişmiş kaydırıcı, web uygulamanız için kaydırıcıyı mükemmel seçenekler yapan bir JQuery XML kaydırıcı API'dir.
10. JQuery Slider FLOW / OUT efektini tam olarak duyarlı
Yetenekleriyle ilgili okumaya başlamadan önce bir demo görmenizi sağlayacak jquery sürgülerden biri. Bunun "Yakınlaştır / Çıkış Etkisi" ne anlama geldiğini anlamak istiyorsunuz.
Yakınlaştırma efekti oldukça zayıf, ancak geri kalan statik kaydırıcı iken bir kontrol duygusu ve görüntünün mevcut dokunuşu ekler. Kaydırıcının özel özellikleri:
CSS3 katmanlar arasındaki geçişler
Katmanlar için animasyon son parametresi
Sabit genişlik seçenekleri, tam ekran ve tüm genişlik
HTML ve CSS biçimlendirme ile animasyonlu metin
Çoğu sürgü mümkün olduğunca fazla etkiler hayal etmeye çalışıyor ve JQuery Slider Yakınlaştırma / Out efekti tamamen yanıt veren, yalnızca Ken yanmalarının etkisi var, ancak iyi uygulandı.
11. JQuery Carousel Evrimi
Yukarıdaki Gelişmiş Slider - JQuery XML kaydırıcısında olduğu gibi, JQuery Carousel Evrimi, işlevselliği veya kaydırıcının başka bir projeye entegrasyonunu geliştirmek için kullanılabilecek kendi API'sine sahiptir.
Bir site kendiniz nasıl oluşturulur?
Bugün kendiniz oluşturmak için hangi teknolojiler ve bilgilere ihtiyaç vardır? Yoğun olarak öğrenin!
Görüntüler, HTML Markup, YouTube ve Vimeo Video ile ayrıca:
SEO Optimizasyonu
9 Carousel Stilleri
Gölge ve Yansımanın Etkileri
Görüntü boyutu ön ve arka olarak yapılandırılabilir
jQuery Carousel Evrimi - basit atlıkarınca Çeşitli kullanım seçenekleri ile.
12. Seksi kaydırıcı.
Seksi kaydırıcı daha önce olduğu gibi çok seksi değil. Ancak, yaşından dolayı, bu kaydırıcı güveni hak ediyor.
İlk bakışta, kaydırıcı çok etkileyici değil, ancak iyi yapılandırılmışsa, tasarımınıza mükemmel bir şekilde uyacaktır. Yetenekler:
Slayt Oto Oyuncular
Görüntüler için imzalar
Sürekli Çalma Slaytları
6 geçiş efektleri
Seksi kaydırıcı, tüm gücünü açmanızı ve potansiyeli açmanızı bekliyor.
13. JQuery Image & Content Scroll W / Lightbox
Mobil cihazlar ve duyusal ekranlar için tüm bu tasarımlar ile, masaüstü bilgisayarlarını unutmayan bir jquery kaydırıcısını görmek güzel.
jQuery Image & Content Scroll W / Lightbox, klavyeden ve fare tekerleğinden ve diğer özelliklerden gelen girişi destekler:
Yatay ve dikey yönelim
Kaydırıcının içindeki veya dışında metin imzaları
Belirli sayıda geçerli slayt ayarlama yeteneği
Dahili görüntüler, Flash, iframe, Ajax ve satır içi içerik
Ayrıca kaydırıcıda yerleşik bir lightbox var. İsteğe bağlı olarak, kaydırıcıyı JQuery Image & Content Scroller W / Lightbox'ta, Lightbox'ı ayrı olarak çalıştıramazsınız.
14. Yarı saydam - Uyarlanabilir Rotator Afişleri / Slider
JQuery kaydırıcısının çoğu kendi tasarımları vardır. Kendiniz için yapılandırabilirsiniz, ancak bazen sadece kaydırıcının içindeki her şeyi istiyorum. Saydam dikkatinize sunulur.
Kaydırıcıda çok sayıda ön ayar var. Sadece belirli ayarları ayarlamanız gerekebilir ve bu. Yetenekler:
6 farklı stil
4 Geçişlerin Etkisi
2 Swatch Transitions
Özelleştirilebilir düğmeler ve imzalar
Diğerleri gibi, bu kaydırıcı dokunuş, uyarlanabilir ve bir donanım hızlandırması destekler. Translanded, içeriğin kendisinin köşenin başını koyduğu asgari tasarımı olan bir kaydırıcıdır.
15. FSS - Tam Ekran Sürgülü Web Sitesi Eklentisi
Slaytlardan oluşan tam ekran bir site yapmak ister misiniz? O zaman FSS'ye ihtiyacınız var.
Aslında, yardımı ile bu jquery. Slider, tam ekran kaydırıcı sitesi oluşturmak için son derece kolaydır. Yetenekler:
AJAX desteği
Kaydırma çubuğu
Derin Bağlantı Teknolojisi Desteği
2 farklı geçiş etkisi
Ayrıca klavye desteği ve 11 sayfa rehberi için ödeme yapmaya değer. Bununla birlikte, mevcut izlenim, FSS'nin ağırlığına, sadece 5kb'dir.
16. Zozo Akordeon - Uyarlanabilir Dokunmatik Ekran Kaydırıcısı
Bir diğeri Örnek jquery. Slider, stillere odaklanmış ve işleriyle iyi başa çıkanlar. Zozo Akordeon, stilleri değiştirme yeteneği ile iyi bir kaydırıcı-accorder arayanlar tarafından gereklidir.
CSS3 animasyonlu bu güzellik de oldukça geniş bir işlev yelpazesine sahiptir:
Yatay ve dikey akordeon
Anlamsal HTML5 ve SEO Optimizasyonu
Dokunmatik, Klavye ve Wai-Aria Destek
10'dan fazla derisi ve 6 düzen
Ve daha fazlası
Zozo Akordeonun, ücretsiz destek ve sürekli güncellemeler ve jquery akordeonunda görmek istediğiniz tüm fonksiyonlara sahiptir.
17. JQuery Duyarlı Hissibe Yörünge Eklentisi
jQuery Duyarlı HissibeEn Kaydırıcı eklentisi, bir kaydırıcı değil, basit bir animasyon gibi görünüyor. Bir seferde bir slaytı görüntülemek yerine, bu örnek adım adım ekranı slaytlarla doldurur, ancak alanda yer yoktur ve yalnızca bir sonraki kaydırmaya gider.
CSS3 animasyon animate.css altında çalışır, hafif, birkaç katmandan oluşur ve dostça mobil cihazlar. Birkaç fonksiyon:
Ayrıca sürükle ve bırakmayı kullanarak bir navigasyon seçeneği de vardır. JQuery Duyarlı Hisebeli Kaymak Eklentisi Twitter Bootstrap Carousel'e göre çalışır.
18. Accordionza - jquery eklentisi
Bunun için jquery kaydırıcısı yok. Çalışmak için, Accantionza'yı en hafif Accorder Type kaydırıcısını yapan toplam 3KB kaydırıcısını indirmelisiniz.
Üç stilden hoşlanmadıysanız, HTML ve CSS'yi kendiniz düzeltebilirsiniz. Yetenekler:
Klavye ile Navigasyon
Kolay Efektler ve Düğmeler
İlerici iyileştirme tekniği - Javascript olmadan çalışır
Actorionza'nın komik içerik için birçok seçenek görüntüleyebileceğini unutmayın, bu da onu son derece esnek hale getirir.
19. Mustyyslider - Uyarlanabilir Çok Amaçlı Kaydırıcı
MustyysLider gerçekten güçlü bir kaydırıcıdır. Sadece basit bir görüntü kaydırıcısı olarak değil, aynı zamanda menü öğeleri aracılığıyla navigasyonlu tam ekran tek yönlü kaydırıcı olarak da kullanılabilir. Bununla birlikte, mükemmel bir sayfalı site yapabilirsiniz.
Kaputun altında birçok seçenek bulacaksınız:
Klavye, Fare ve Dokunmatik Destek
CSS3 Donanım Hızlanma Geçişleri
Saf Geçerli İşaretleme ve SEO Optimizasyonu
Sınırsız Slayt Numarası, İmzalar ve Etkiler için Katmanlar
API, kullanmanın çeşitli yollarını açan geliştiricilere çok güçlü ve kolaydır. MightysLider, temiz ve iyi yorumlanmış bir kod içeren mükemmel bir aşamalı jquery kaydırıcısıdır.
20. Paralaks Slider - Adaptif Jquery Eklentisi
Paralaks kaydırıcısı JQuery Duyarlı HibeBeone Slider eklentisi gibi çalışır ve her katmanı bir slayt içinde ayrı olarak canlandırmanıza olanak sağlar. Pararallax animasyonu ekleyerek tüm slaytları veya hatta yalnızca birini canlandırabilirsiniz.
İÇİNDE tamamlandı geliyor 4 farklı tipte, hepsi paralaks etkisine sahip. Diğer jquery sürgüleri gibi, şöyle:
Tam özelleştirilebilirlik
Dokunmatik Destek
Tamamen adapiten, sınırsız sayıda katman
Otomatik Çalma, Döngü, Yükseklik ve Genişlik Ayarlaması, Zamanlayıcı
Animasyonlu katmanlar sadece metin veya resim değildir. Youtube, Vimeo ve HTML5 videosunu da ekleyebilirsiniz. Parallax Slider, flaş efektlerini nasıl taklit edebileceğinizin bir başka örneğidir, bu da tüm cihazlarda da desteklenir.
Sonuç
JQuery kaydırıcılarının, çok sayıda görüntüyü başkalarına büyük bir yaratıcı araçta değiştiren bir şeyden nasıl büyüdüğünü gözlemlemek merak ediyor. Şimdi 3D, Pararallax kaydırıcıları, sayfanın tamamı için kaydırıcılar, adaptif ve hem masaüstü bilgisayarlarda hem de akıllı telefonlarda görüntülenebilecek olanlar var.
Bu listedeki hiçbir kaydırıcıyı beğenmediyseniz, Envato web sitesindeki JQuery Code Tutorial Dersinden her zaman gidebilir ve tamamen yeni ve benzersiz bir şey geliştirebilirsiniz.
Peki ya da envato pazarındaki diğer sürgüleri görüntüleyin - ne seçileceklerden var. Ve en sevdiğin jquery kaydırıcısı hangisi ve neden?
Adaptif, ya da isterseniz, duyan web tasarımı artık başka bir tasarımcı eğilimi değil, bu zaten, web sitelerinin evrenselliğini, çeşitli kullanıcı cihazlarının ekranlarında uyumlu görsel algısını sağlamak için zaten belirli bir standarttır. Daha yakın zamanda, geliştirildiğinde uyarlanabilir şablonGenel tasarım stilini kırmadan bazı sürgü ve görüntü galerilerinin entegrasyonunda çeşitli zorluklarla uğraşmak zorunda kaldım. Şimdi her şey çok daha kolay, ağda çok sayıda hazır çözüm var ve özellikle de memnun olan, çoğu açık kaynağı olan ücretsiz erişimde.
Önerilen araçların çeşitliliği nedeniyle, en son zamanlarda ortaya çıkan ve herhangi bir kısıtlama olmadan dağıtılan ve herhangi bir kısıtlama olmadan dağıtılan görüntülerin adaptif jquery kaydırıcılarının en önemli gelişmelerinin küçük bir incelemesini derlerdim. Tamamen ücretsiz.
Vay kaydırıcı.
Görüntülerin uyarlanabilir jquery görüntüleri muhteşem bir set ile görsel efektler (dönüşler, gidiş, bulanıklık, spiraller, güneşlikler vb.) Ve birçok hazır desen. Wower'da yerleşik ekleme sihirbazının yardımı ile, dakikalar içinde kolayca ve kolayca çarpıcı slayt gösterileri oluşturabilirsiniz. Geliştiricinin web sitesi, tıkanıklık ve takma işleminin mükemmel yaşam örnekleri, eklentinin ayarlanması ve kullanımı hakkında gerekli tüm belgelere sahiptir. Ayrıca ayrı bir Wordpress eklentisi ve Joomla modülünü indirmek için de kullanılabilir. Birçoğunun bu harika kaydırıcıyı, hem yeni başlayanlar hem de rehber bir Web'den hoşlanacağına eminim.
Hislider.
HTML5, JQuery Slider ve Image Galerisi, Popüler sistemler çalışan sitelerde kişisel kullanım için kesinlikle ücretsiz eklenti - WordPress, Joomla, Drupal. Bu basit, ama oldukça işlevsel bir araçla, sitelerimizin sayfalarında, şaşırtıcı ve parlak slayt gösterileri, muhteşem sunumlar ve yeni mesajların duyurularını kolayca oluşturabilirsiniz. Bir kaydırıcı, çarpıcı geçiş efektleri (değişim) içeriği, çeşitli multimedya içeriğinin çıktısı:, YouTube ve Vimeo, Esnek Özel Ayarlar, vb.
Nivo kaydırıcı.
Nivo Slider, görülenlerin en güzel ve kullanımı kolay olanlardan biri olan herkes tarafından iyi bilinen eski kibardır. JQuery Nivo Slider eklentisi, MIT lisansı altında dağıtılmış, indirmek ve daha fazla kullanmak ücretsizdir. WordPress için ayrı bir eklenti de var, ancak ne yazık ki zaten ödenmiş ve bırakma lisans başına 29 dolar olacak. WP tema dosyalarıyla biraz daha yapmak ve Nivo Slider eklentisinin ücretsiz jquery sürümünü blogunuza sabitleyin, bilginin faydası, ağda nasıl yapılır.
İşlevsel olarak gelince, her şey mükemmel bir sırayla. Bir jquery v1.7 + kütüphane iş, güzel geçiş efektleri, basit ve çok esnek ayarlar, adaptif düzeni, otomatik görüntü kesme ve daha fazlası için kullanılır.
Kaydırıcının fikri, birçok küçük eşyanın (resimler), animasyonun basit bir etkisi ile seçilen kategoriye tıklamaya devam ettiği, Apple ürünlerinin tüm tarzında iyi bilinen geliştiricilerden ilham aldı. Codrops, bu kaydırıcıyı oluşturmak için detaylı bir ders, HTML İşaretleme'nin tam hizalamasını, bir dizi CSS kuralları ve yürütülebilir jquery eklentisinin yanı sıra bir kaydırıcı kullanmanın harika bir örneğini sunar.
Yarık kaydırıcı.
Tam ekran görüntü kaydırıcısı JQuery ve CSS3 + Detaylı ders kitabı eklentinin sitesinde entegrasyonunda ayrıntılı ders kitabı. Fikir, bir sonraki veya önceki içeriğe geçerken açık akım kaydırağı belirli bir içerikle kesmektir. JQuery ve CSS animasyonu ile slaytlar arasında benzersiz geçişler oluşturabilirsiniz. Kaydırıcının uyarlanabilir düzeni, çeşitli türde kullanıcı cihazlarının ekranlarına bakmak için eşit derecede iyi olmasını sağlar.
Elastik içerik kaydırıcısı.
İçeriğin, bulunduğu ana kabın boyutuna bağlı olarak otomatik olarak genişlik ve yükseklikte ayarlanan içeriğin kaydırıcısı. JQuery ayarlarında oldukça basit tasarım ve esnek kaydırıcı, alttaki navigasyon ile, ekran boyutunu azaltmaya kadar değiştirirken, navigasyon simgeler olarak görüntülenir. Çok ayrıntılı belgeler (ders yaratma) ve kullanım örnekleri.
3D Yığın Kaydırıcısı.
Bir kaydırıcının deneysel versiyonu bir 3D düzlemden geçişlerle görüntüler gösteren görüntüler. Görüntüler, navigasyon okunu kullanarak iki yatay yığın halinde kırılır ve sonraki resmi görüntüleme durumuna geçer. Genel olarak, özel bir şey yok, ancak bu fikir ve yürütme tekniği oldukça ilginç.
Çok basit,% 100 uyarlanabilir ve tam ekran jquery görüntülerin kaydırıcısı. Kaydırıcının çalışmaları, JQuery Magic'li bir paketteki CSS geçişlerine (özellik geçişi) dayanmaktadır. Maksimum genişlik değeri% 100 varsayılan olarak monte edilir, bu şekilde, ekran boyutlarına bağlı olarak resimlerin boyutu değiştirilecektir. Hiçbir şey tasarımda özel animasyon efektleri ve lezzetleri, her şey basittir ve kesintisiz çalışmaya keskinleştirilir.
Minimal Slaytlar
Adı kendisi için konuşur, belki de tanıştığım görüntülerin en hafif ve minimalist jquery kaydırıcılarından biridir (1kb'de eklenti). SorumlularLides.js. Korna jquery eklentisi, bu konteynerin içindeki elemanları kullanarak bir slayt gösterisi oluşturur. IE'nin tüm sürümleri dahil, IE6 ve daha yüksek olan tüm sürümleri dahil olmak üzere çok çeşitli tarayıcılarla çalışır. Kağıt, CSS3 geçişlerini, güvenilirlik için JavaScriptli bir pakette kullanır. Sıralanmamış bir liste kullanarak basit işaretleme, geçişler ve zaman aralıkları, slaytların otomatik ve manuel olarak değiştirilmesi, ayrıca birkaç slayt gösterilerinin derhal desteğinin yanı sıra. Bu çok frisky "bebek".
Kamera.
Kamera, sitelerin sayfalarında bir slayt gösterisini düzenlemek için ücretsiz bir jquery eklentisidir,% 100 uyarlanabilir düzen ve çok basit ayarlar ile çok sayıda geçiş efektine sahip bir ışık kaydırıcısı. Herhangi bir kullanıcı cihazının ekranlarına (PC monitörleri, tabletler, akıllı telefonlar ve cep telefonları) harika bir şekilde uydurun. Yerleşik videoyu gösterme yeteneği. Düğmeleri ve görüntülerin bloklarını kullanarak otomatik slayt değiştirme ve manuel kontrol. Pratik olarak kompakt tasarımda resimlerin tam bir galerisi.
bxslider jquery.
Diğeri, jquery üzerinde oldukça basit bir uyarlanabilir kaydırıcı. Slaytlarda, herhangi bir içerik, video, resim, metin ve diğer öğeleri yerleştirebilirsiniz. Duyusal ekranlar için genişletilmiş destek. CSS-Animation geçişlerini kullanın. Slayt gösterileri ve kompakt görüntü galerilerinin sunumunda çok sayıda farklı varyasyon. Otomatik ve manuel kontrol. Küçük resimleri seçerek düğmeleri kullanarak slaytları değiştirme. Kaynak dosyanın küçük boyutu, ayarlarda ve uygulamada çok basittir.
FlexSlider 2.
FlexSlider 2, aynı adın kaydırıcının yenilenmiş bir versiyonu, geliştirilmiş bir yanıt hızı, bir komut dosyası minikasyonu ve yeniden bağlanma / yeniden çizmeyi en aza indirgemektedir. Eklenti, küçük resimlerin, sol-sağdaki yerleşik okları, dahili okları ve alt navigasyon bölmesini düğmeler şeklinde kontrol eden bir temel kaydırıcı içerir. Video slaytlarında (Vimeo), esnek parametrelerin (geçişler, tasarım, zaman aralığı), tamamen uyarlanabilir düzende çıkış yapma yeteneği.
Galleria.
İyi bilinen ve oldukça popüler, yüksek kaliteli galeriler ve görüntülerin kaydırıcıları oluşturmak için adaptif jquery eklentisi. Kaydırıcı arayüzü, kontrol paneli sayesinde, her zamanki video oynatıcıya görsel olarak benzer şekilde, eklentinin bileşimi birkaç farklı süslemeyi içerir. Gömülü video ve görüntüler popüler Hizmetler: Flickr, Vimeo, YouTube ve diğerleri. Ayarlama ve kullanımı için ayrıntılı belgeler.
Yabanmersini.
Fırfırlar olmadan basit görüntüler, özel olarak adaptif web tasarımı için yazılmış ücretsiz jquery kaydırıcı. Yabanmersini deneysel bir jquery açık kaynaklı eklentidir. Minimalist tasarım, efekt yok, yalnızca belirli bir süre sonra birbirlerini değiştirerek pürüzsüz bir şekilde açılır. Her şey çok basit, koydum, bağladım ...
jQuery Popeye 2.1.
Lightbox elemanları ile çok kompakt jquery görüntü kaydırıcı. Esnek boyutları nedeniyle, fare imlecini vurduğunuzda veya genişletilmiş bir resim ve kontrol elemanları ile hangi Lightbox'un etkinleştirildiğini tıklattığınızda, minyatür biçiminde herhangi bir kaba herhangi bir kaba katıştırılmıştır. Ürün veya haber duyurularının sunumu için böyle bir kaydırıcıyı yan panellerde yerleştirmek uygundur. Çok miktarda bilgiye sahip siteler için mükemmel çözüm.
Sıra
Genişletilmiş CSS3 geçişlerine sahip ücretsiz adaptif kaydırıcı. Minimalist stil, 3 dekorasyonun 3 temaları, resmin ortasında görünen yatay yöndeki her bir çerçeve slaytları sola, sağa imza, minyatürler sağ alt köşede çoğaltılır. Her çerçevede görüntülemek için ürün sunum sayfalarının kırılması. Kontrol ayrıca ileri geri düğmeleri içerir. Tüm modern tarayıcıları destekleyin.
TOKATLAMAK.
Resimlerin tamamen tanıtım kaydırıcısı ve işlevsellik ve ayarlar üzerinde, ayarlardan, kaydırma değişikliğinin hızında bir değişiklik vardır, manuel modu (kontrol düğmeleri etkinleştirilir), sürekli slayt gösterisi. Bu kaydırıcıya sahip olma hakkına sahiptir ve bu beni yalnızca bu gelişmede ilginç bir şey bulamadım, kötü bir şekilde aradım)))))
Duyarlı görüntü kaydırıcısı.
Vladimir Kudinovov'dan görüntülerin güzel bir adaptif kaydırıcısı. Görsel örneklerle birlikte verilen iyi, yüksek kaliteli işlenmiş araç ve detaylı talimatlar Oluşturma, yükleme ve kullanırken. Uyarlanabilir tasarım, güzel düğmeler ve yeşil ok, her şey oldukça sevimli ve sakince, baskı olmadan.
Kesirli kaydırıcı.
Görüntüler ve metin slaytları için paralaks efektli ücretsiz jquery kaydırıcı eklentisi. Slayt animasyonu, her seferinde ve animasyon parametresinde tam kontrollü birkaç gösteri değerine sahiptir. Slaytta birkaç elementle bir kerede animasyon yapabilme. Çeşitli animasyon yöntemlerini, slaytların kaybolmasını veya belirli bir yönden geçişlerin kaybolmasını ayarlayabilirsiniz. Navigasyon oklarını kullanarak otomatik ekran ve manuel kontrol. Slaytların görünümünün 10 türleri ve çok daha fazlası ...
İnceleme oldukça kapsamlı, ama nedeniyle yeterli bilgilendirici değildi Çok sayıda Dikkate alınan ürünler. Tüm detaylar ve ayrıntılı açıklamalar. fonksiyonellik Bir eklenti, doğrudan geliştiricilerin sayfalarını öğrenebilirsiniz. Birinin, sitelerinin sayfalarında renkli resim kaydırıcıları oluşturmak için en gerekli aracı aramayı kolaylaştırmasını umuyor.
Rusya Şablonları ile çalışabilmek güzel olacağını hiç düşündün mü? Sadece bir dakika düşün. İngilizce-dil şablonları ile çalışmak için zaman harcaması yok. TemplateMonster'ın şimdi TemplateMonster Marketer'da bulunabileceği gerçeğiyle sizi memnun ediyoruz. Her biri için metin manuel olarak yazılmıştır. Ve elbette, tüm bitmiş çözümlerin kullanımı inanılmaz derecede kolaydır.
Her saygı ile Andrew
1. "Fresk" takma jquery
Uyarlanabilir JQuery Gallery (Ekran çözünürlüğünü değiştirirken boyutunu değiştirir), küçük resimler ve görüntü imzaları ile açılır pencerede görüntülenir. JQuery Gallery "Fresco",: IE6 +, Firefox 3 +, Chrome 5+, Opera 9+ de dahil olmak üzere çoğu tarayıcıda doğru çalışır. Bu eklentinin ücretsiz sürümü yalnızca ticari olmayan projelerde kullanılabilir.
2. kaydırıcı "adaptör"
Farklı geçiş efektleri olan kaydırıcı (3D dahil 7 farklı etki). Github projesi.
3. Çeşitli "JQ-Fayans" efektli kaydırıcı eklentisi
Farklı geçiş efektlerine sahip eklenti, bir filo işlevi olan özelleştirilmiş bir slayt değişimi hızı ile.
4. JQuery Fiş "Sly"
Dikey ve yatay kaydırma işleminin uygulanması için eklenti. Github projesi.
5. Animasyonlu CSS3 Menüsü "Makisu"
6. Basit Slayt Gösterisi
7. İşlevsel JQuery Slider "Iview Slider V2.0"
İçerik / slayt gösterisi kaydırıcısı (bir slayt olarak, yalnızca görüntülerin yanı sıra videolar ve diğer HTML içerikleri olabilir). Kullanabilirsiniz: küçük resimler, sol / sağ düğmeler ve klavyeyi kullanarak. Github.com'da proje.
8. JQuery Plugins "Vanity" olarak ayarlayın
7 eklentilerde: jslider, jtabs, jpaginate, jspotlight, jtip, jplaceholder ve jcollapse. Bu çözümlerin seti, kaydırıcının, pop-up ipuçlarının, sekmelerinin, görüntülerin açılır açıklamalarının uygulanmasında size yardımcı olacaktır.
9. Hover CSS3 etkisi
10. CSS3 açılır menüsü
11. IossLider.
Slider mobil cihazlarda çalışmak için keskinleştirilir.
12. CSS3 Yük Göstergesi
13. CSS3 uçururken etkisi
14. "Ürün Colorizer" JQuery Eklentisi
Eklenti, çeşitli renk versiyonlarında (örneğin, çevrimiçi giyim mağazaları için, çeşitli seçeneklerden malların bir renk gamı \u200b\u200bseçmek için çevrimiçi giyim mağazaları için ürün görüntülemenin uygulanması için hafif bir çözümdür. Eklenti için, her ürün için sadece iki görüntü gerekir (tüm renkler maske olarak üst üste binecektir). Eklenti, IE7 + dahil olmak üzere tüm büyük tarayıcılarda çalışır (PNG saydamlığının ekranını tekrar doldurursanız, IE6'da çalışacaktır). Github projesi.
15. CSS3 Animasyonlu Grafikler
16. Resme üzerine tıkladığınızda bir kaplama etkisi oluşturma
Resme üzerine tıklandığında, arka plandan ayrılarak kararır ve imzalarla ilgili noktalar belirir. Bu verilebilir kısa Açıklama Resimde bulunan öğeler.
17. Bir açılır menü biçiminde sayfadaki gezinme
Bir açılır menü şeklinde belgede uygun bir navigasyonun uygulanması için çözüm. İçerik ekranın üstüne sabitlenir ve her zaman ziyaretçi görünümünde kalır. Bir bölüm seçerken, sayfanın seçilen bölümüne, sayfanın seçilen bölümüne pürüzsüz bir kaydırma var.
18. Hovering sırasında etkisi olan CSS3 Galeri
İmleci çizdiğinizde, hızlı bir fotoğraf değişikliği gerçekleşir. Galeri iki versiyonda uygulanır: ziyaretçiden sonra görünen resimlerin bir açıklaması ile imleci galeriden ve bir açıklama olmadan alır.
19. Paralaks Etkisi ile JQuery Slider
20. Bloklarda gezinirken CSS3 animasyonu
21. CSS3 JQuery Pop-up Paneli
Açılır simgeleri görmek için demo sayfasındaki ekranın altındaki oka tıklayın.
22. Ücretsiz HTML5 Image Galerisi "JuiceBox Lite"
Site için çok işlevsel yeni resim galerisi. Galeriye küçük resimler ve bunlar olmadan, görüntünün bir açıklaması ile ve onsuz, tüm ekranda açılabilir veya sayfada sabit boyutlar ile görüntülenebilir. Demo sayfasında, zevk alacağınız galeri türünü seçebilirsiniz. Ücretsiz Galeri Sürümü indirmek için kullanılabilir. Daha gelişmiş işlevsellik için ve geliştiricinin logosunu kaldırmak için ödemek zorundasınız.
23. "JQVMAP" eklentisi
24. Paralaks efektli CSS3 kaydırıcısı
25. JQuery Galeri Minyatürleri ile Fotoğraflar
Adaptif Galeri, görüntü boyutları ve minyatürleri tarayıcı penceresinin boyutuyla birlikte değiştirilir.
26. JQuery eklentisi kaydırıcı içeriği "horinaja"
Eklentinin kurulumu kolay, özelleştirilebilir, çapraz tarayıcıdır. Herhangi bir HTML içeriği yalnızca görüntüler değil, bir slayt olarakdır. İmlecin slayt alanındayken fare tekerleğini kullanarak fare tekerleğini kullanarak kaydırabilirsiniz.
27. JQuery eklentisi kaydırıcısı "pikachoose"
Üç varyasyonda: Açıklama ve minyatürler olmadan basit görüntü değişiminin uygulanması; Görüntü ve minyatür imzaları ile kaydırıcı; Minyatürleri olan kaydırıcı ve fancybox efektli bir açılır pencerede daha büyük bir görüntünün açılmasını ekler. En son sürüm GitHub'da her zaman bulunabilir.
28. Birkaç özel CSS stilizasyonu açılır listeleri
Çeşitli CSS tekniklerini kullanarak açılır listelerin beş farklı stil tasarımı.
29. Animasyonlu 3D Efektli Restoran Menüsü
İlginç Css jquery. Sayfadaki bilgileri temsil eder. Bağlantıya tıklayarak, kitapçık menüsü açıklanır ve ziyaretçi sağlanan yemekler hakkında daha fazla okumak için açılır pencerede okuyabilir. IE'de animasyon yanlış görüntülenir.
30. "Elastislide" eklentisi
Kauçuğun gerçekleştirilmesi adaptif atlıkarınca (Dikey ve yatay görüntü atlıkarınca) ve resim galerisi. Tarayıcı penceresi azaldığında, görüntü sayısı belirli bir minimum değere düşürülür ve daha sonra kalan görüntülerin boyutunu ölçer. Github projesi.
31. Taze CSS3 JQuery Slider Slilit Slider
Adaptif kaydırıcı eklentisi (genişlik bir yüzde olarak ayarlanabilir) ve slaytları değiştirirken ilginç bir animasyonlu etkiye sahip iki stil versiyonda otomatik olarak sıkıştırır) (slayt yarıya tahrip edilir ve farklı yönlerde dolaşır ve yerini yenisini kaplar. ). Klavyeyi kullanarak olası navigasyon. Taze versiyon her zaman Github'da.
32. Slicebox görüntülerinin 3D kaydırıcısının yeni sürümü
Değişikliklerle yeni sürüm ve yeni özellikler ekleme: Şimdi 3D kaydırıcı ölçeklenebilir hale geldi, tarayıcı penceresinde bir düşüşle görmek mümkündür; Firefox desteği eklendi; Açıklamada, HTML içeriğini zaten kullanabilirsiniz (daha önce açıklamanın, içinde HTML etiketlerini kullanabilme yeteneği olmadan referans özniteliğinden sıkıldığını) kullanabilirsiniz. Demo sayfasında, eklentiyi kullanmak için 4 seçenek görebilirsiniz. En son sürüm Github.com'da yaşıyor.
Etki Flash Gallery 3D CU3er (demo, indirme) çok benzer, sadece bu 3D kaydırıcı flash teknolojisini kullanmıyor, ancak JavaScript kullanıyor.
33. JQuery Fişi "Pfold"
Deneysel çözüm. Eklenti, 3D etkisini puanın taklidi ile uygular. Çeşitli versiyonlar: Üç ters çevrimi olan, iki tersine çevrilmiş ve daha sonra genişletilmiş notun merkezlenmesi ile bir dönüş.
34. JQuery "Windy" eklentisi
Görüntüler gibi içeriği gezinmek için eklenti. Fotoğrafları hurdaya çıkarırken, farklı yönlerde uçururlar (bir şeyin etkisi, kartların poker kartı oyununda dağıtımını hatırlatır). Gezinmek için sol / sağ veya kaydırıcı düğmelerini kullanabilirsiniz (demo sayfasındaki farklı seçeneklere bakınız). Devam etmek
