30 Adet Ücretsiz Responsive jQuery Resim Slider ve Slideshows indir

Yeni veya iyi kurulmuş bir web sitenize birinci sınıf jQuery resim kaydırıcıları eklemekle ilgileniyorsanız, burada doğru şekilde yapmanıza yardımcı olacak doğru kaydırıcı eklentilerini bulacaksınız. Yeterince jQuery, JavaScript'i tarayıcıda çalışma biçimini basitleştirmiştir, günlük web tasarım ve geliştirme çalışmalarını hızlandırmak için hala resim kaydırıcılarına ihtiyaç duyuyoruz. Web siteniz için çok daha verimli olan yeni bir kaydırıcı yapmak için bu eklentilerin bazılarını değiştirebiliriz.

Her iki şekilde de ihtiyacınız olacak şekilde, bazı başlıklar, resimler ekleyin ve hemen başlamak için kaydırıcıyla birlikte gelen bazı geçiş efektlerini not alın. Bu eklentiler için ayrıntılı belgeler bulunmaktadır, bu nedenle yeni geçiş efektleri eklemek önemli değildir. Gelişmiş bir jQuery programcısıysanız, olay tabanlı tetikleyicileri değiştirin.

Duyarlı tasarım gibi en son gelişen trendler, HTML veya php web sitelerimizde eklenti veya komut dosyası uygularken bazılarımızın göz önüne alması gerçekten çok önemli bir seçenek. Tüm bu gözden geçirilmiş jQuery görüntü sürgüleri tam olarak yanıt veriyor ve ben hepsini kontrol ettim. Lütfen yakın zamanda karşılaştığınız yeni sürgüleri de bizimle paylaşın. 2014 yılında bulunan her şey buraya dahil edilmiştir.

jQuery Resim Slaytı

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

Tüm cihazlarda ve tarayıcılarda harika görünen, mobil kullanıma hazır, dokunmaya duyarlı görüntü kaydırıcısını kullanın. Resimler, metinler, videolar, küçük resimler, slaytlara düğmeler ekleyin, otomatik oynatmayı, tam ekran, tam genişlikli veya kutulu düzeni ayarlayın. Herhangi bir kullanım için ücretsiz.

Demo More Info / Download

jQuery Slayt

DemoDownload

jQuery GRIDDER

Tıklandığında görüntünün ayrıntılı açıklamasını içeren bir slayt açan veya gösteren bir jquery eklentisi. Bu fikir Google resim önizlemesinden alınmıştır.

Duyarlı jquery görüntü kaymak

Slidenin açıklaması

Düzgün Kaydırma

Demo | Download

Faydalı Galeri js: Pinboard Gallery

Css3 animasyonlarını ve ajax yüklemesini kullanan bu eklenti, birden fazla seçeneğin resim, açıklama vb. Göstermesine izin veren benzersiz bir pano stili galerisi görüntüler.

Dokunmatik destek

Duyarlı tasarım

Metin veya görüntüleri veya her ikisini görüntüleme

Küçük resim önizlemesi

Demo | Download

Genişletilebilir Resim Galerisi

Tam sayfa önizlemesini göstermek için tıklanarak genişleyen güzel bir galeri eklentisi. E-Ticaret ürün sayfalarınıza dahil etmek için harika bir araç.

Tam ekran önizleme
Büyük Tarayıcı desteği
Duyarlı tasarım
Sıvı animasyonu

Demo | Download

Jssor Duyarlı Kaymak

Son zamanlarda bu tamamen işlevsel bir jquery kaydırıcıya rastladım ve işlerini iyi yapıyor. Bu açık kaynak kodlu kaydırıcı eklentiyle açılabilen sınırsız kaydırıcı fırsatlar var.

Duyarlı Slider Tasarımı
15'ten fazla Slider seçeneği
15'ten fazla görüntü geçişi efekti
Dokunma Desteği
Resim galerisi, atlıkarınca, tam genişlikte destek
Dikey, Banner döndürücü, kaydırıcıyı listeleme.
Video desteği

Demo| Download

PgwSlider - jQuery / Zepto için duyarlı sürgü

Sadece görüntü slaytlarını göstermek için yapılmış tek bir amaç ve minimum görüntü kaydırıcısı. Asgari düzeydedir çünkü jquery kodu 2.5KB civarındadır ve yükleme süresini yeni bir seviyeye getirir.

Duyarlı Düzen
SEO Uyumlu
Tüm tarayıcı desteği
Basit solmaya geçiş
2,5 KB sıkıştırılmış

Demo| Download

Jquery Dikey Yeni Kaydırıcı

Solda otomatik slaytlar ve sağda gösterilen görüntüler ile haber tabanlı web siteleri için duyarlı ve kullanışlı bir jquery sürgü.

duyarlı
Vertical News anahtarları
Mükemmel kafa

Demo| Download

Wallop Slider

Bu kaydırıcıda jquery yok, ancak doğada minimal olduğundan ve daha hızlı sayfa yüklemeleri için en iyi seçenek olduğundan, size tanıtmayı seviyorum. Bundan hoşlanırsan bana haber ver.

Duyarlı kaydırıcı düzeni
Basit tasarım
Slayt geçiş
Minimal JavaScript kodu
3KB küçültülmüş

Demo| Download

Düz stil Polaroid galerisi

Duyarlı tasarıma ve düz görünüme sahip dağınık bir stil galerisi çoğumuzun ilgisini çekecek. Bu galeri tabletler ve daha büyük ekranlar için daha uygundur.

Duyarlı Kaymak
Düz tasarım
Karıştırma geçişi
Tam kaynak kodu mevcut

Demo| Download

A-Slider

• Duyarlı kaymak
• Ses desteği
• CSS3 geçişleri (solmaya)
• Her slaytta sesi ayarla
• Sadece görüntüyü değil, herhangi bir içeriği kaydırın
• JQuery dışında bağımlılık yok;
• Gerekirse Twitter Bootstrap ile iyi çalışır

Demo| Download

HiSlider - HTML5, jQuery ve WordPress Görüntü Kaydırıcı Galerisi

Hi Slider, fantastik görüntü geçişleri ile süslü görüntü sürgüleri oluşturmak için kişisel kullanım için ücretsiz bir jQuery sürgü eklentisi tanıttı.

Duyarlı Kaymak
Sizin için hiçbir kodlama
Birden Çok Büyüleyici Şablon & amp; skins
Müthiş Geçiş Etkileri
Birden çok platform
Web Sitesinde Yayınla, WordPress, Joomla, Drupal
Çoklu Ortam: Görseller, YouTube Videoları ve amp; Videolar
Esnek Özel Seçenekler
Faydalı Aksiyon Türleri
Sınırsız Çıkış

Demo|Download

Wow Slider

WOW Slider, şaşırtıcı görsel efektlere sahip (Domino, Sayfa, Döndür, Bulanıklaştır, Çevir, Şok, Yığın, Dikey, Yığın, Temel doğrusal, Küp ve Yığın Yedi) ve tonlarca profesyonelce hazırlanmış şablonlar. WOW Slider, birkaç saniye içinde kodlama ve görüntü düzenleme olmadan fantastik kaydırıcılar oluşturmak için bir tıkla ve tıkla sihirbazı ile doludur. Wordpress slider eklentisi ve Joomla slider modülü de mevcuttur.

Tam duyarlı
Tüm tarayıcılar, tüm cihazlar destek
Kaydırma desteğine dokunun
Kolay wordpress kurulumu
Son derece Özelleştirilebilir
SEO Hazır

Demo|Download

Nivo Slider - Ücretsiz jQuery Eklentisi

Nivo Slider, piyasadaki en güzel ve kullanımı kolay görüntü kaydırıcı olarak dünyaca ünlüdür. Kelimenin tam anlamıyla web sitenizi tamamen çarpıcı görünmesi için daha iyi bir yolu yoktur. Nivo Slider jQuery eklentisi MIT lisansı altında ücretsiz indirilip yayınlanmaktadır.

JQuery v1.7 + gerektirir
Güzel Geçiş Etkileri
Basit ve Esnek Kurulum
Küçük, Semantik ve duyarlı
Kullanımı Ücretsiz ve amp; Taciz
Güçlü ve amp; Basit Slider Oluşturma
Birden çok kaymak türü
Otomatik Görüntü Kırpma

Demo|Download

Basit çok maddeli jQuery kaymak + Öğretici

Bu fikir, birkaç küçük öğenin sıçrayan bir animasyonla uçtuğu Apple ürün kaydırıcısından ilham aldı. Bu konsepti, ürünlerin farklı kategorileri temsil ettiği minimal bir çevrimiçi mağaza tasarımı için modern görünümlü bir alternatife çevirmek istedik. Kullanım durumu kategorileri, bu tür kaydırıcıların sınırlı yapıları nedeniyle oldukça iyi bir uyum sağlar.

Duyarlı düzen
Minimal Tasarım
Solma ve slayt efektleri

Demo|Download

Tam genişlikte jQuery resim kaydırıcısını

Cepte aşağı ölçeklenir çok basit bir% 100 genişlik kaymak. Bu kaydırıcı% 100 genişlik düzenine sahip ve duyarlı. CSS geçişleriyle çalışır ve görüntü bir çapa ile sarılır. Bağlama gerekmiyorsa, çapa bölünebilir. Maksimum genişlik% 100 olarak ayarlandığında, görüntü daha küçük ekranlar için küçültülür.

Duyarlı jQuery kaymak
Tam genişlik
Minimal Tasarım

Demo|Download

Elastik İçerik Kaydırıcısı + Eğitim

Ebeveyninin büyüklüğüne bağlı olarak genişlik ve yükseklik ayarlayan bir sıvı içerik sürgüsü. Bu Blueprint basit bir jQuery içerik kaydırıcısıdır. İçerik için kayan bir alan ve altta sekme benzeri bir gezinme var. Sürgü sıvıdır, yani ebeveynin kabının genişliğine ve yüksekliğine göre ayarlanacaktır. Birkaç medya sorgusu, ekran çok küçük olduğunda navigasyon için simgeleri bırakarak görünümü en aza indirmeyi göstermektedir.

Demo|Download

Ücretsiz 3D Stack Slider

Görüntülerdeki 3 boyutlu görüntüleri döndüren deneysel bir resim kaydırıcısı. İki yığın, görüntülerin kaldırılacağı ve görüntüleme için merkeze döndürüleceği görüntü yığınlarına benzer.

Duyarlı tasarım
Geçişi Çevir
3B Etkisi

Demo|Download

JQuery ve CSS3 + Eğitimi ile Tam Ekran Kaydırıcı

Bir bükülme ile tam ekran slayt gösterisi oluşturma hakkında bir öğretici: fikir, bir sonraki veya bir sonrakine geçerken geçerli slaytı dilimlemek. JQuery ve CSS animasyonlarını kullanarak içerik öğeleri için benzersiz slayt geçişleri oluşturabiliriz.

Duyarlı tasarım
Bölünmüş Geçiş
Tam Ekran kaydırıcı

Demo|Download

Uislider - Süper minik jQuery Slayt

Süslü efektler veya gereksiz işaretler yok, ve 3kb'den az. Slaytlarınızdaki herhangi bir HTML'yi kullanın, CSS ile genişletin. Tam kontrol sende. Unslider ile yapılacak her şey GitHub'da barındırılıyor.

Çapraz tarayıcı mutlu
Klavye desteği
Yüksekliği ayarlar
Evet, duyarlı
Dokunmatik destek

Demo | Download

Minimal Duyarlı Slaytlar

Basit ve hafif, duyarlı kaydırıcı eklentisi (1kb içinde). ResponsiveSlides.js, bir kabın içindeki öğeleri kullanarak duyarlı bir kaydırıcı oluşturan küçük bir jQuery eklentisidir. ResponsiveSLides.js, IE6 ve üstü sürümlerin tüm IE sürümleri dahil olmak üzere geniş tarayıcı yelpazesiyle çalışır.

Tamamen duyarlı

1kb küçültülmüş ve sıkıştırılmış

JavaScript geri dönüşüyle ​​CSS3 geçişleri

Sırasız liste kullanarak basit biçimlendirme

Geçiş ve zaman aşımı süreleri ayarları

Birden çok slayt gösterisi desteklendi

Otomatik ve manuel solmaya

Demo|Download

Kamera | ücretsiz bir jQuery slayt gösterisi

Kamera ve tuval hazır ve mobil hazır kullanarak özelleştirmek için birçok efektler, geçişler, uyarlanabilir düzen, ücretsiz jQuery slayt gösterisi.

Duyarlı tasarım

Başlıklar

Video ekle

33 farklı simge rengi

Demo|Download

SlidesJS, duyarlı bir slayt gösterisi jQuery eklentisi

lidesJS, dokunmatik ve CSS3 geçişleri gibi özelliklere sahip, jQuery (1.7.1+) için duyarlı bir slayt gösterisi eklentisidir. Yukarıda bir deneyin ve projenize SlidesJS eklemeye başlamanıza yardımcı olacak örnekleri inceleyin.

Duyarlı tasarım

CSS3 geçişleri

Dokunma

Kolay kurulum

Demo | Download

bx Jquery Slayt

Bu ücretsiz bir Duyarlı jQuery İçerik Slider.

Tamamen duyarlı - herhangi bir cihaza uyum sağlayacak

Yatay, dikey ve solma modları

Slaytlar görüntü, video veya HTML içeriğini içerebilir

Gelişmiş dokunma / kaydırma desteği yerleşik

Slayt animasyonu için CSS geçişlerini kullanır (yerel donanım ivmesi!)

Tam geri arama API'si ve genel yöntemler

Küçük dosya boyutu, tamamen temalı, uygulaması basit

Demo|Download

FlexSlider 2

En iyi yanıt veren sürgü. Sürgü hız, daha iyi küçültme ve yeniden akışları / boyamaları en aza indirecek şekilde yeniden yapılandırıldı.

Demo | Download

Galleria - Duyarlı JavaScript Resim Galerisi

Galleria, son yıllarda milyonlarca web sitesine en kaliteli resim galerileri sunmaktadır. Aldığımız tüm olumlu cevaplarla daha mutlu olamazdık.

Kısıtlama olmadan ücretsiz
Tam ekran görünümü
% 100 Duyarlı
Programlama becerisine gerek yok
iPhone, iPad ve dokunma desteği
Flickr, Vimeo, YouTube ve daha fazlası
Bir çekirdek, çoklu temalar

Demo | Download

Yaban mersini - Basit, akıcı, duyarlı bir jQuery resim kaydırıcısı

Yanıt veren web tasarımı için özel olarak yazılmış bir jQuery görüntü kaydırıcısının tanıtılması. Yaban mersini, özellikle akışkan / duyarlı web düzenleri ile çalışmak üzere yazılmış olan deneysel bir açık kaynak jQuery resim kaydırıcı eklentisidir.

Minimal Tasarım

Duyarlı Düzen

Solmaya slayt

Demo | Download

jQuery popeye 2.1

Slayt gösterisine sahip satır içi bir lightbox alternatifi. İlk popeye-box standart seçenekleri kullanıyor: solda yüzüyor ve sağa açılıyor, navigasyon ve farenin üstünde yazı gösteriliyor.

Duyarlı tasarım ?

Küçük bir kaydırıcı

Yeterince görünür

Başlık Desteği

Slayt

Demo | Download

FractionSlider: Ücretsiz jQuery paralaks Slider eklentisi

Bu harika jQuery paralaks kaymak eklentisini göz atın. Zamanın ve animasyonun her alanında tam kontrolle, slayt başına birden çok öğenin canlandırılması. FractionSlider, görüntü / metin kaydırıcıları için bir jQuery eklentisidir. Slayt başına birden çok öğeye animasyon eklemenizi sağlar. Solma veya geçişler gibi farklı animasyon yöntemlerini belirli bir yönden ayarlayabilirsiniz.

Animasyonları kaydır & amp; duyarlı
Nesne animasyonları
adımlar
Arka plan animasyonları

Demo|Download

Ücretsiz Duyarlı Görüntü Kaydırıcı + Öğretici

Bugün Empresyonist Kullanıcı Arayüzünden duyarlı bir görüntü kaydırıcısını kodlayacağız. İşlevsellik için FlexSlider eklentisini kullanarak kodlayacağız ve CSS3 kullanarak stillendireceğiz. Umarım beğenirsiniz ve projeleriniz için faydalı bulursunuz. Başlayalım!

Duyarlı Görüntü Kaydırıcısı
Solmaya etkisi
Sol, sağ oklar
Yeşil düğme

Demo|Download

Sıra - Gelişmiş CSS3 Geçişlerine Sahip Ücretsiz Duyarlı Sürgü

Dört harika tema ile geliyor, ancak yalnızca modern slayt, elma stili ve yatay paralaks slaytları burada akışkan olmadığından duyarlı.

Üç Harika ücretsiz Tema

Yatay Paralaks Kayar

Elma tarzı

Minimalist Modern Slide (Duyarlı kaygan cilt)

Dokunma Desteği

Kolayca Değiştirildi

Çapraz Tarayıcı

Demo|Download

Kaydır - Ücretsiz duyarlı, hassas dokunmatik kaydırıcı

duyarlı

Dayanıklı Sınırlar

Kaydırma Önleme

Kütüphane Agnostiği

IE7 + Uyumlu

Demo|Download