14 Adet JQuery Slider ve Resim Galerisi Örnekleri
Merhaba arkadaşlar, Hepimiz biliyoruz ki, sitemizi görsel şekilde güçlendirmek için jquery ile hazırlanmış slider veya jquery ile hazırlanmış galerileri kullanırız. Bende, web sitelerinde en çok kullanılan 14 adet jquery slider ve jquery galeri örneklerini nette ayrıntılı bir şekilde araştırarak sizlere sunmaya çalıştım. Tabi bazı örnekleri demo olarak indirme imkanınız var. Birazda düzenleme yaparsanız sitenizde kullanabilirsiniz. İnşallah beğenirsiniz. Kolay gelsin. Yorumlarınızı bekliyorum.
1. TN3 GALERI
Tüm modern masaüstü ve mobil tarayıcılar ile uyumludur. JQuery ile güçlendirilmiştir.
2. AD GALLERY
Bu resim galerisinin Thickbox ve Lightbox gibi eklentileri biraz farklı bir galeri eklentisi var.
3. JQUERY CYCLE PLUGIN
JQuery Cycle Plugin hafif bir slayt gösterisi eklentisi. Sitenizde çok hoş görüneceğinden eminim. Sitesine girdiğinizde değişik efekleri olduğunu göreceksiniz.
4. PIKACHOOSE
Bu slider çalışmasını resim galeri olarakta kullanabilirsiniz. Genelde şimdiki haber sliderlarında (manşet) çok kullanılan bir türdür. İstediğiniz gibi kullanabilirsiniz. İndirme linki aşağıda mevcuttu.
5. S3SLIDER
Motion efekti verilen bir slider türüdür. Sitesinde nasıl kullanıldığı yani nasıl düzenlendiği bilgisi verilmekte. Hemde indirme linki bulunmaktadır. Güzel ve basit bir slider türüdür.
6. POPEYE
Bu çalışmayı resim galerilerinizde kullanabilirsiniz. Resmin üzerine geldiğinizde slayt gibi ileri geri butonları bulunmakta ve resmi büyültüp küçültebiliyorsunuz. Siteden indirebilirsiniz.
7. GALLERIFFIC JQUERY PLUGIN
Sitenizde kullanabileceğiniz resim galeri türlerinden birisi. Siteye girdiğinizde examples başlığı altında birçok örneğine ulaşabilirsiniz. Nasıl kullanıldığı hakkında da site bilgi vermektedir.
8. SLIDEVIEWER
Yine farklı bir slider örneği. Slideviewer slider ı wordpres sitenizde bile kullanabiliyorsunuz. Sitede indirme linki bulunmakta ve nasıl kullanacağınız konusunda size bilgi vermektedir.
9- JFLOW
Standart jquery galerilerden birisi . Sitesinde kayak kodları bulunmakta bilgisayarınıza indirip sitenizde istediğiniz gibi kullanabilirsiniz.
10. IMAGE FLOW
Çalışma apple’ın resim galerisinden esinlenerek yapılmıştır. Fare ve klavyeden kontrol edilebilen bir resim galerisi örneğidir. Beğendiklerimden birtanesi diyebilirim. Çalışmayı aşağıdaki linkten indirebilirsiniz. İndirmek için biraz uğraştırıyor dikkat edin:)
11. SPACEGALLERY
Yine farklı bir resim galerisi beğenen arkadaşlar sitesinde kullanabilir çünkü indirme linkide bulunmakta.
12. AÇIKLAMALI RESİM ROTATOR (CSS / JQUERY) OLUŞTURMA
Açıklamalı şekilde bir resim galerisi . Çoğu sitede bu uygulamayı görebilirsiniz. Sizde sitenizde görmek istiyorsanız çalışmayı aşağıdaki linkten indirebilirsiniz. Sitede kullanımı hakkında bilgilerde bulunmaktadır.
13. BASİT JQUERY RESİM SLIDER – TRANSPARAN YAZI ALANI
14. TAM EKRAN RESİM GALLERİ- JQUERY ve FLICKR KULLANILMIŞTIR
Çok güzel jquery slider örneği. Bu çalışmada jquery ve flickr kullanılmıştır. Bir çok özelliğiyle sizleri bekliyor. Aşağıdaki linkten indirebilirsiniz.
(1205)
Yorum(37)
Yorum bırakın Yanıtı iptal et
Bu site, istenmeyenleri azaltmak için Akismet kullanıyor. Yorum verilerinizin nasıl işlendiği hakkında daha fazla bilgi edinin.
ya abi bu sliderı baştan sona ayrıntılı bir şekilde yaparak anlatan video falan yok mu varsa yardımcı olabilir misin???
kudret 14 tane slider var . hangi sliderdan bahsediyorsun.
ya herhangi bi slider olsun web siteme eklicem düzenli anlatan bi video varmı acaba ???
hem ben kendim yapmak istiyorum
kudret arkadaşım sitede 2 slider anlatımı var birisi videolu biriside yazılı anlatım. Siteyi iyi araştırırsan bulursun.
tşkler 🙂
Cok guzel calismalar , paylasim için tesekkürler
indiremedim helikopter gibi olanı link koyarmısın
Hasan girdiğin sayfada nasıl yapıldığı hakkında çalışma yapılmış. İngilizce anlatım var lakin google çeviriden türkçeye çevirebilirsin. Zaten css veya html bilgin varsa kodları kopyala yapıştır yaparakta yapabilirsin.
Çok güzel örnekler, teşekkürler.
çok iyi teşekkürler elinize sağlık
Abi ben bun slider lerin kodlarına ulasamdım kodlar nerde O.o :/ 😀
Mustafa çoğunun kodu var. İndiremedim desen anlarız. 🙂
Güzel paylaşım teşekkür ederim
hocam indirme linkini bulamadımm yardımcı olurmusunuz
Uğurcum her sliderın altında DEMO butonu var. O sliderın bulunduğu sayfaya girip ordan download diyerek bilgisayarına indiriyorsun.
Hocam emeginize sağlık.Bir ricam var ; Kodlarinizda ki açıklama satirlarini çoğaltır mısın? Neyi ne için yaptığımızı bilerek yapsak daha iyi olur. Çok Teşekkürler site için. SAYGILAR..
Sumeyye , bu sliderlar sitelerde bulunan örnek çalışmalar. Kullanımını bilen arkadaşlar için verilmiştir. Eğer nasıl yapıldığını öğrenmek isterseniz. Sitemizde slider ile anlatım yapılmış 2-3 video var , onları izlemenizi tavsiye ederim. Arama bölümüne slider yazarsanız diğer videoları görebilirsiniz.
Ömer Bey çalışmalarınızdan dolayı çok teşekkür ederim. Emeğinize sağlık. Web sayfamda denedim çalışıyor. Ama kurum bilgisayarlarının web tarayıcısında gözükmüyor. Flash sürümü düşük olduğundan galiba. bu slider in Flash ın diğer sürümlerinde de çalışması için ne yapabilirim.
Tamer bey, malesef bu konu hakkında bilgim yok.
teşekkür ederim.
Ömer hocam emeğine sağlık.Birşey sormak istiyorum size ilk slider örneği olan Tn3 galerideki örnekler ücretli mi ben defult skin adlı slideri beğendim ama indirme linkini göremedim de?
Yardımlarınız için teşekkürler.
Murat arkadaşım Tn3 adresindeki slider tarzındaki galeriler ücretli. ama free download kısmında yer alan galeri ücretsiz olarak sizlere verilmektedir. Email adresini veriyorsun sana indirme linkini gönderiyorlar.
Kolay gelsin.
HOCAM TAM EKRANLI BİR RESİM GALERİSİ ARIYORUM.YUKARIDA VERMİŞ OLDUĞUNUZ GALERİNİN DEMOSU FULL EKRANA İZİN VERMİYOR.ÜCRETSİZ OLARAK BULABİLECEĞİM BİR SİTE VEYA ÖRNEK VAR MI ACABA?
file:///C:/Users/alihaydar/Desktop/malihu-jquery-image-gallery/malihu-jquery-image-gallery/malihu-jquery-image-gallery.html
araştırırken bu örneği buldum arkadaşlar buna bi göz atabilir fena değil
Ali haydar arkadaşım, o sitedeki dosyanı link olarak gönderirsen arkadaşlarla paylaşabilirim. Sen kendi bilgisayarındaki uzantıyı paylaşmışsın. O yüzden göremiyoruz.
hocam indirme linklerini bulamadım nerde acaba
Alp her birinin Demo linkinin içinde download butonu veya nasıl yapıldığı ile alakalı anlatım var. Biraz ingilizce lazım.
Hocam admin panelli slider nasıl yapılır önemli olan konu o php için bahsedermisiniz ya da ders yaparmısınız
sda, malesef php anlatım yapılmayacaktır. Asp anlatımlarımız devam edecektir.
Hocam bari bir kaynak versen
Can arkadaşım, demo linke tıklayınca zaten kaynakları orada. Bazılarında free download linki bile var.
hocam ilk galeri nin demosuna tıkladığımda bir site açılıyo orda
tn3 Aura adında bir galeri var onu nasıl indirebilirim…
Muhammed girdiğin sitedeki freedownload yazan butona tıklıyorsun ve email adresini yazıyorsun. İndirme linki gönderiyorlar. Lakin hangisini indireceğini bilmiyorum.
Merhaba Ömer bey, ben 14.galeriyi indirdim dosyayı zip den çıkardım ama içerisinden onlarca klasör ve dosya çıktı, bunlardan hangisini kopyalayıp siteye yapıştırıcam, html dosyalarının tamamında demo yazıyor, hepsini tek tek denedim ama resim galerisininki yok, nasıl yapıcam sögleyebilirmisiniz, teşekkür ederim.
Güzel paylaşım Teşekkürler