Değiştirilebilir arka plan örneğine sahip kaydırıcı. Html - Kaygan kaydırıcılı arka plan resmi kaydırıcısı

1. Mükemmel jQuery slayt gösterisi

JQuery teknolojisini kullanan harika muhteşem slayt gösterisi.

2. jQuery eklentisi "Scale Carousel"

jQuery kullanarak yakınlaştırılabilir slayt gösterisi. Size en uygun slayt gösterisinin boyutlarını ayarlayabilirsiniz.

3. jQuery eklentisi "slideJS"

Metin açıklamalı görüntü kaydırıcısı.

4. "JSliderNews" Eklentisi

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

Gezinme oklarının üzerine geldiğinizde, sonraki slaydın yuvarlak küçük resmi görünür.

6. Pretty jQuery “Sunum Döngüsü” Kaydırıcısı

resim yükleme göstergeli jQuery kaydırıcısı. Otomatik slayt değişimi sağlanmaktadır.

7. jQuery Paralaks Kaydırıcı Eklentisi

3B arka plan efektli kaydırıcı. Bu kaydırıcının öne çıkan özelliği, her biri farklı bir hızda kayan birkaç katmandan oluşan arka planın hareketidir. Sonuç, hacimsel bir etkinin taklididir. Çok güzel görünüyor, kendiniz görebilirsiniz. Efekt, Opera, Google Chrome, IE gibi tarayıcılarda daha sorunsuz görüntülenir.

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

Demo sayfasındaki "örnekler" bölümünde bu eklenti için olası tüm kullanımlara bağlantılar bulabilirsiniz.

9. jQuery Resim Kaydırıcı Eklentisi "slideJS"

Şık jQuery kaydırıcısı kesinlikle projenizi dekore edebilecektir.

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

Kullanımı kolay bir jQuery slayt gösterisi eklentisi.

11. "jQuery Slaytları" Eklentisi

Çeşitli tasarımlarda hafif jQuery eklentisi. Otomatik slayt değişimi sağlanmaktadır.

12. Otomatik slayt geçişli jQuery CSS galerisi

Ziyaretçi belirli bir süre içinde ileri veya geri oklarına tıklamazsa galeri otomatik olarak kaymaya başlayacaktır.

13. jQuery Nivo Kaydırıcı

Geçerli kod ile çok profesyonel kalitede hafif eklenti. Birçok farklı slayt geçiş efekti vardır.

14. jQuery Mobil Kaydırıcı

Taze kaydırıcı. Farklı görüntü geçiş efektlerine sahip jQuery kaydırıcısı.

15. jQuery Slider² Eklentisi

Otomatik slayt değiştirmeli hafif kaydırıcı.

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

Otomatik görüntü değiştirme özellikli kaydırıcı.

Otomatik slayt değiştirme ile slayt gösterisi uygulaması için eklenti. Görüntü küçük resimlerini kullanarak ekranı kontrol etmek mümkündür.

NivoSlider eklentisini kullanan jQuery CSS görüntü kaydırıcısı.

19. jQuery "jShowOff" Kaydırıcısı

İçerik döndürme eklentisi. Üç kullanım durumu: gezinme yok (slayt gösterisi formatında otomatik değişiklik ile), düğme gezinme, küçük resim gezinme.

20. Shutter Effect Portföy Eklentisi

Fotoğrafçının portföy tasarımı için yeni jQuery eklentisi. Galeri, görüntüleri değiştirmenin ilginç bir etkisine sahiptir. Fotoğraflar, bir objektif deklanşörünün çalışmasına benzer bir efektle birbirini takip eder.

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

Javascript ve CSS kullanarak görüntü kaydırıcı uygulaması.

22. Müthiş kaydırıcı "Tinycircleslider"

Şık yuvarlak kaydırıcı. Görüntüler arasındaki geçiş, kaydırıcıyı çevre çevresinde kırmızı bir daire şeklinde sürükleyerek gerçekleştirilir. Tasarımınızda yuvarlak elemanlar kullanırsanız sitenize mükemmel uyum sağlayacaktır.

23. jQuery görüntü kaydırıcısı

Hafif Kaydırıcı Kiti. Kaydırıcı farklı versiyonlarda sunulur: dikey ve yatay. Görüntüler arasında çeşitli gezinme türleri de uygulanmaktadır: "İleri" ve "Geri" düğmelerini kullanarak, fare tekerleğini kullanarak, slaytta fare tıklamasını kullanarak.

24. Slider Kit Küçük Resim Galerisi

Slider Kit Galerisi. Küçük resimler hem dikey hem de yatay olarak kaydırılır. Görüntüler arasındaki geçiş, fare tekerleği, fare tıklaması veya bir küçük resmin üzerine gelme kullanılarak gerçekleştirilir.

25. jQuery Slider Kit içerik kaydırıcısı

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

26. jQuery Slider Kit Slayt Gösterisi

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

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

2011'de oluşturulan temiz jQuery ve CSS3 kaydırıcısı.

jQuery küçük resim slayt gösterisi.

29. Basit jQuery slayt gösterisi

Gezinme düğmeleri ile slayt gösterisi.

30. Müthiş jQuery Skitter Slayt Gösterisi

Harika slayt gösterileri oluşturmak için jQuery "Skitter" eklentisi. Eklenti, görüntüleri değiştirirken 22 (!) farklı animasyon efektini destekler. İki slayt gezinme seçeneğiyle çalışabilir: slayt numaralarını kullanma ve küçük resimleri kullanma. Çok kaliteli bir keşif olan demoyu kontrol ettiğinizden emin olun. Kullanılan teknolojiler: CSS, HTML, jQuery, PHP.

31. Garip Slayt Gösterisi

İşlevsel slayt gösterisi. Slaytlar şunlar olabilir: basit resimler, altyazılı resimler, araç ipuçları içeren resimler, video klipler. Gezinmek için klavyenizdeki okları, slayt numarası bağlantılarını ve sağ/sol tuşlarını kullanabilirsiniz. Slayt gösterisi birkaç versiyonda yapılır: küçük resimlerle ve onlarsız. Tüm seçenekleri görüntülemek için demo sayfasının üst kısmında bulunan Demo #1 - Demo #6 bağlantılarını izleyin.

Bir fanı andıran çok özgün bir görüntü kaydırıcı tasarımı. Hareketli slayt geçişi. Görüntüler arasında gezinme oklar kullanılarak gerçekleştirilir. Üstte bulunan Oynat / Duraklat düğmesi kullanılarak açılıp kapatılabilen otomatik değişiklik de vardır.

Animasyonlu jQuery kaydırıcısı. Arka plan resimleri, tarayıcı penceresi yeniden boyutlandırıldığında otomatik olarak ölçeklenir. Her görüntü için açıklama içeren bir blok açılır.

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

Yeni jQuery kaydırıcısı. Slaytları değiştirirken birkaç harika animasyon efekti.

35. jQuery eklentisi "jSwitch"

Animasyonlu jQuery galerisi.

Otomatik slayt değiştirme ile kolay jQuery slayt gösterisi.

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

Profesyonel içerik kaydırıcısı. Otomatik slayt 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 Sudo Kaydırıcısı

Hafif jQuery görüntü kaydırıcısı. Pek çok uygulama seçeneği vardır: görüntülerin yatay ve dikey değişimi, slayt numarasına bağlantılar içeren ve bunlar olmadan, görüntü altyazılı ve altyazısız, çeşitli görüntü değiştirme efektleri. Otomatik slayt değiştirme özelliği vardır. Tüm uygulama örneklerine bağlantılar demo sayfasında bulunabilir.

39. jQuery CSS3 Slayt Gösterisi

Küçük resimler içeren slayt gösterisi, otomatik slayt geçiş modunu destekler.

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

Birçok görüntü değiştirme efektine sahip kaydırıcı.

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

Şık jQuery görüntü kaydırıcısı.

Bu kaydırıcının kurulumu kolaydır ve anlarsanız kolayca özelleştirebilir ve istediğiniz sonucu elde edebilirsiniz. Bu kaydırıcının çalışması için, şimdi sırayla ele alacağımız yalnızca birkaç öğeye ihtiyacınız var.

HTML işaretlemesi

Burada her şey çok basit, UL listesini etiketin hemen ardından en başa eklemeniz yeterli vücut.

Listede sadece üç satır var li yani kaydırıcı 3 resim için tasarlanmıştır, daha fazlasına ihtiyacınız varsa ilk adım gerekli sayıda satırı eklemektir. devam ediyoruz.

CSS stilleri

Bu, muhtemelen işin en önemli kısmıdır, çünkü kaydırıcımızın nasıl çalışacağını CSS belirler. Web sitenizin stil dosyasını açın ve içine aşağıdaki kodu ekleyin.

Body_slides( liste stili:yok; kenar boşluğu:0; dolgu:0; z-endeksi:-2; arka plan:#000;) .body_slides, .body_slides:sonra( konum: sabit; genişlik:%100; yükseklik:%100 ; top:0px; left:0px;) .body_slides:after ( içerik: ""; arka plan: şeffaf url(images/pattern.png) sol üstte tekrarla;) .body_slides li(genişlik:%100; yükseklik:%100; konum:mutlak; üst:0; sol:0; arka plan boyutu:kapak; arka plan tekrarı:yok; opaklık:0; -webkit-animasyon: anim_slides 18s doğrusal sonsuz 0s; -moz-animasyon: anim_slides 18s doğrusal sonsuz 0s; -o-animasyon: anim_slides 18s lineer sonsuz 0s; -ms-animation: anim_slides 18s lineer sonsuz 0s; animasyon: anim_slides 18s lineer sonsuz 0s; ) .body_slides li:nth-child(1)( background-image: url(images/ 1.jpg) ) .body_slides li:nth-child(2)( -webkit-animation-delay: 6.0s; -moz-animation-delay: 6.0s; background-image: url(images/2.jpg) ) . body_slides li:nth-child(3)( -webkit-animation-delay: 12.0s; -moz-animation-delay: 12.0s; background-image: url(images/3.jpg) ) @-webkit-keyframes anim_slides ( %0 (opaklık:0;) %6 (opaklık:1;) %24 (opaklık:1;) %30 (opaklık:0;) %100 (opaklık:0;) ) @-moz-keyframes anim_slides ( %0 (opaklık:0;) %6 (opaklık:1;) %24 (opaklık:1;) %30 (opaklık:0;) %100 (opaklık:0;) )

CSS'yi anlıyorsanız, neyin neden sorumlu olduğunu anlamanız zor olmayacaktır. En azından anlatacağım çünkü CSS öğretmenin bir anlamı yok.

Slayt listemizde sınıf var body_slides. Görünüm ve genel ayarlar için tasarlanmıştır.

Sırada sözde bir öğemiz var - :sonrasında, ek bir katman ve arka planın üzerine bindirilmiş bir nokta deseni belirtir. Bu, yolun belirtildiği görüntü kullanılarak yapılır. resimler/desen.png. Farklı bir yolunuz varsa, doğru şekilde belirtin.

.body_slides li:nth-child(1)- bu, sıradaki ilk slayttır ve ona bir arka plan resmi atanmıştır. Ardından nth-child (2) gelir, resmin yanı sıra süre de verilir ve 6 saniyeye eşittir. Yani ilk slayttan 6 saniye sonra görünecektir. Sonra, nth-child(3), altı saniye sonra görünecek, yani 12 saniyelik bir süresi var. 4. bir slayt eklemeniz gerekiyorsa, nth-child(4) ekleyin ve 18 saniyelik bir süreye sahip olmalıdır. Bence bu açık.

Ardından, toplam animasyon süresini belirtmeniz gerekir, artık ayarlanmıştır. body_slides li ve 18 saniyeye eşittir. 4 slayt eklerseniz, 24'e eşit olur vb. Matematikle arkadaşsanız başa çıkmalısınız, asıl mesele hata yapmamak çünkü kaydırıcı tam olarak çalışmayacaktır. İstenirse, doğru zamanı reçete ederek hızlandırabilir veya yavaşlatabilirsiniz.

anahtar kareler anim_slides slaydın ortaya çıkması ve kaybolmasıdır. Başlangıçta, slayt şeffaftır ve koşul ona ayarlanmıştır - opaklık:0;. Slaytlardan herhangi birinin sırası geldiğinde önce görünür, sonra tekrar şeffaflaşmaya başlar ve tamamen kaybolur ve yerine yenisi gelir. Görünme veya kaybolma hızını değiştirmek istiyorsanız, yüzdeyi değiştirin - bu, toplam sürenin yüzdesidir.

Ayarların geri kalanı zaten isteğe ve ihtiyaca göre yapılır - genel arka plan, şimdi siyah, resimlere giden yol, konumlandırma, katman seviyesi vb. Bu kaydırıcının avantajı, basit olması ve - ile yapılmışsa komut dosyalarını ve kitaplıkların tamamını kullanmamasıdır. jQuery. Arka plan resimlerini kendiniz değiştirmek istiyorsanız, bu CSS kaydırıcısının size yardımcı olacağını umuyorum.

Hepsi bu kadar, ilginiz için teşekkürler. 🙂

Temdo Slider, siteniz için güzel kaydırıcılar oluşturmak için güçlü ve yönetimi kolay bir araçtır. Kaydırıcının ana özellikleri:

• Her slaydın arka planı olarak herhangi bir görüntüyü veya videoyu seçebilirsiniz.
• Ek bindirme resmi
• Kaydırma üzerinde animasyon
• Slaytları değiştirirken animasyon

Güzel bir "klasik" kaydırıcı (arka plan, en fazla iki ek grafik katmanı, başlık, alt başlık, metin ve slayt başına en fazla iki düğme) oluşturmanız gerekiyorsa, özellikle tam ekran kaydırıcılara ihtiyacınız varsa Temdo Slider önerilir ve arka plan videosu.

Kaydırıcı oluşturma

Yeni bir kaydırıcı oluşturmak için WordPress Dashboard'un sol menüsünde kaydırıcı > Yeni slayt ekle:

slayt tipi

Slayt için temel ayar, arka plan türüdür (resim veya video). Bu parametrenin seçimine bağlı olarak, slayt ayarları arayüzü değişir: bir grup ayar yerine videoyu seçtiğinizde statik arka plan bir grup belirir animasyonlu arka plan.

slayt arka planı

Slayt için bir arka plan resmi seçin. Arka plan görüntüsünün ekranın tam genişliğine kadar uzatılacağını unutmayın (en boy oranı korunarak). Bu nedenle, Full HD (1920 x 1080 piksel) çözünürlüklü görüntüler önerilir. Kaydırıcının tüm ekranı yükseklik olarak kaplamamasını istiyorsanız, kaydırıcı ayarlarından yüksekliği ayarlamanız gerekir.

yer paylaşımı resmi

Ana arka plan görüntüsünün üzerine saydam veya yarı saydam bir arka planla ek bir görüntü bindirmek için bu seçeneği kullanın. Bindirme görüntüsü, slaydın tüm yüzeyi üzerinde bir doku olarak çoğaltılacaktır.

Arka plan animasyonu

Arka plan görüntüsünü canlandırmak istiyorsanız bu seçeneği işaretleyin. Etkinleştirdikten sonra, aşağıdaki animasyon türleri kullanılabilir hale gelir:

• Orta yakınlaştırma (varsayılan)
• Sol üst köşeden yakınlaştır
• Sağ üst köşeden yakınlaştır
• Sol alt köşeden yakınlaştır
• Sağ alt köşeden yakınlaştır

arka plan videosu

Temdo kaydırıcı, webm, mp4 ve ogg video formatlarını destekler.

Bir videoyu arka plan olarak kullanmak için önce onu sitenizin medya kitaplığına yüklemeniz gerekir. Bunu yapmak için, WordPress Dashboard'un sol panelinde medya dosyaları > Yeni ekle. Videonun yüklenmesi tamamlandıktan sonra, adresini panoya kopyalayın ve slaydı düzenlemeye geri dönün. Panodan video dosyasının yolunu slayt ayarlarının uygun bölümüne yapıştırın. Mümkün olduğu kadar çok sayıda modern tarayıcıyı desteklemek için videoları her üç formatta da kullanmanızı öneririz.

Slayt özellikleri

Bu bölüm slaydın temel parametrelerini ayarlar:

• Başlık tasarımı: Koyu bir arka planla birlikte kullanılacak açık renkli bir tasarım veya açık renkli bir arka plana zıt olarak başlığı görüntülemek için koyu renkli bir tasarım seçebilirsiniz.
• Gezinme Rengi: Kaydırıcının altındaki sağ-sol oklar ve gezinme noktaları için bir renk seçin
• Bölüme ilerleyin: tıklandığında sayfayı belirtilen konuma kaydıracak bir ok gösterin. Bağlantı noktasının adını girin, örneğin '#contact'
• Başlığı Gösterme: Bu slaytta başlığın gösterilmesini istemiyorsanız bu seçeneği işaretleyin.
• Başlık gölgesini gösterme: bu slayt için başlık gölgesinin görüntülenmesini devre dışı bırakın
• Grafik Animasyon: Slayt grafiği için iki animasyon efekti arasından seçim yapın
• İçerik Animasyonu: Başlığı, alt başlığı, metni ve düğmeleri canlandırmak için iki yoldan birini seçin

Slayt içerik stilini özelleştirme

Slayt metin içeriği stili ayarları (başlık, alt başlık ve metin) ilgili ayar gruplarında belirlenir:

• Slayt Başlığı
• Slayt altyazısı
• Slayt metni

Bu grupların her birinde, her öğe için yazı tipi, renk, boyut ve diğer stil seçeneklerini ayarlayabilirsiniz.

Grafikler ve SVG grafikleri

Burada ek bir grafik öğesini () ve ayrıca SVG formatında vektör grafiklerini indirebilirsiniz. Bu öğelerin her biri için, öğeye tıkladığınızda açılacak bir bağlantı ayarlayabilirsiniz.

Slayttaki düğmeler

Bu bölümde, bir veya iki düğme için parametreleri ayarlayabilirsiniz:

• düğme metni
• Bağlantı
• Vurgulu animasyon
• simge

Kaydırma sırasında slayt animasyonu

Bu bölümde, slaydın tüm içeriğini veya slaydın tek tek öğelerini kaydırırken animasyonu açıp kapatabilirsiniz. İsterseniz (ve beceri), CSS stillerini kullanarak animasyonda ince ayar yapabilirsiniz.

slayt kaydetme

Bir slaytı kaydetmeden önce, Kaydırıcılar bölümünde uygun onay kutularını etkinleştirerek bir veya daha fazla kaydırıcıya ekleyin. Henüz kaydırıcınız yoksa, bağlantıya tıklayın + Yeni kaydırıcı ekle:

Zaman durmaz ve onunla birlikte ilerler. Bu interneti de etkiledi. Sitelerin görünümünün nasıl değiştiğini zaten fark edebilirsiniz, özellikle uyarlanabilir tasarım çok popüler. Ve sonuç olarak, birçok yeni duyarlı jquery kaydırıcıları, galeriler, karuseller veya benzeri eklentiler.
1. Duyarlı Yatay Gönderi Kaydırıcısı

Ayrıntılı kurulum talimatları ile duyarlı yatay karusel. Basit bir tarzda yapılır, ancak kendiniz için şekillendirebilirsiniz.

2. Glide.js üzerinde kaydırıcı

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

3. Eğimli İç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 çeşitli rastgele görünüm animasyonlarıdır.

4. HTML5 tuvalini kullanan kaydırıcı

Etkileşimli parçacıklarla çok güzel ve etkileyici kaydırıcı. HTML5 canvas ile yapılmıştır

5. Görüntü Değiştirme 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 bir web stüdyosunun portföy biçimindeki portföyü için çok uygundur.

6. Dairesel Kaydırıcı

Görüntüyü çevirme etkisi ile daire şeklinde kaydırıcı.

7. Bulanık arka plan kaydırıcısı

Anahtarlama ve arka plan bulanıklığı ile duyarlı kaydırıcı.

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

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

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

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

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

Farklı animasyonlar ve zamanlamalar kullanarak çekimleri değiştirecek esnek bir görüntü ızgarası oluşturmak için bir jQuery eklentisi. Yeni görüntülerin ve geçişlerinin seçici görünümünü ayarlayabildiğimiz için bu, sitede bir arka plan veya dekoratif öğe olarak iyi görünebilir. Eklenti birkaç versiyonda yapılmıştır.

11.Esnek kaydırıcı

Web siteniz için evrensel ücretsiz eklenti. Bu eklenti, birden fazla kaydırıcı ve karusel seçeneğiyle gelir.

12. Fotoğraf çerçevesi

Fotorama evrensel bir eklentidir. Birçok ayarı vardır, her şey hızlı ve kolay çalışır, slaytları tam ekran görüntülemek mümkündür. Kaydırıcı, hem sabit boyutlu hem de uyarlanabilir, küçük resimli ve küçük resimsiz, dairesel kaydırmalı ve kaydırmasız ve çok daha fazlası olarak kullanılabilir.

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

13. Ücretsiz ve Duyarlı 3D Küçük Resim Galerisi Kaydırıcısı.

Deneysel kaydırıcı galerisi 3D Panel Düzeniızgara ve ilginç animasyon efektleri ile.

14. css3'te kaydırıcı

Düzgün içerik görünümü ve hafif animasyon ile css3 kullanılarak yapılan duyarlı kaydırıcı.

15. WOW Kaydırıcısı

vay kaydırıcı inanılmaz görsel efektlere sahip bir görüntü kaydırıcı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ır.

19. Duyarlı fotoğraf galerisi artı

Resim yükleme ile basit ücretsiz kaydırıcı galerisi.

20. WordPress için duyarlı kaydırıcı

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

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

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

22. Müzik bağlamalı kaydırıcı

Açık kaynaklı JPlayer kullanan kaydırıcı. Bu kaydırıcı, müzikli bir sunumu andırıyor.

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

Duyarlı kaydırıcı, jmpress.js'ye dayalıdır ve bu nedenle slaytlara bazı ilginç 3B efektlerin uygulanmasına izin verir.

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 ile görüntü akordeon.

26. Dokunmatik 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şturuldu. Farklı bir tarayıcıda görüntülendiğinde işlevsellik iyi olacak ancak 3B efekti görünmeyecek.

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

jQuery UI kaydırıcılı duyarlı sayfalandırma kaydırıcısı. fikir, basit bir navigasyon 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ı

Ekranın genişliğine bağlı olarak görüntülerin otomatik düzenlenmesi. Bir portföy sitesi geliştirirken çok yararlı bir şey.

30. 3D Galeri

css3 ve jQuery'de basit bir 3B dairesel kaydırıcı.

31. css3 ve jQuery'de 3D efektli tam ekran modu

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