14 Adet JQuery Slider ve Resim Galerisi Örnekleri | Ömer BOZALAN
04 Mayıs 2013 omerbozalan 37
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.
Bu resim galerisinin Thickbox ve Lightbox gibi eklentileri biraz farklı bir galeri eklentisi var.
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.
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.
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.
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.
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.
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:)
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.
tags: Jquery galeri jquery örnekleri JQuery slider Jquery slider örnekleri resim galerisi yapımı
previous Web Site Arkaplanında Video Oynatmak
next Restaurant ve Cafe Menü Çalışmaları|Örnekleri
07 Ağustos 2012 omerbozalan 50
10 Ağustos 2012 omerbozalan 36
04 Mayıs 2013, 22:32
ya abi bu sliderı baştan sona ayrıntılı bir şekilde yaparak anlatan video falan yok mu varsa yardımcı olabilir misin???
04 Mayıs 2013, 23:56
kudret 14 tane slider var . hangi sliderdan bahsediyorsun.
05 Mayıs 2013, 00:31
ya herhangi bi slider olsun web siteme eklicem düzenli anlatan bi video varmı acaba ???
05 Mayıs 2013, 00:33
hem ben kendim yapmak istiyorum
05 Mayıs 2013, 00:36
kudret arkadaşım sitede 2 slider anlatımı var birisi videolu biriside yazılı anlatım. Siteyi iyi araştırırsan bulursun.
05 Mayıs 2013, 00:41
07 Mayıs 2013, 16:06
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.
Geri bildirim: coolcarousel slayt | Wordpress sevgim
05 Ekim 2013, 09:25
Çok güzel örnekler, teşekkürler.
15 Kasım 2013, 17:50
çok iyi teşekkürler elinize sağlık
25 Kasım 2013, 09:34
Abi ben bun slider lerin kodlarına ulasamdım kodlar nerde O.o :/ 😀
25 Kasım 2013, 12:42
Mustafa çoğunun kodu var. İndiremedim desen anlarız. 🙂
lebidagli dedi ki:
27 Aralık 2013, 13:14
10 Şubat 2014, 01:37
hocam indirme linkini bulamadımm yardımcı olurmusunuz
10 Şubat 2014, 13:39
Uğurcum her sliderın altında DEMO butonu var. O sliderın bulunduğu sayfaya girip ordan download diyerek bilgisayarına indiriyorsun.
Sumeyye Yıldız dedi ki:
04 Mart 2014, 21:57
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..
04 Mart 2014, 22:15
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.
16 Nisan 2014, 13:15
Ö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.
16 Nisan 2014, 14:06
Tamer bey, malesef bu konu hakkında bilgim yok.
16 Nisan 2014, 14:52
21 Nisan 2014, 00:55
Ö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?
21 Nisan 2014, 13:01
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.
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?
araştırırken bu örneği buldum arkadaşlar buna bi göz atabilir fena değil
23 Nisan 2014, 23:05
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.
07 Aralık 2014, 00:41
hocam indirme linklerini bulamadım nerde acaba
07 Aralık 2014, 09:08
Alp her birinin Demo linkinin içinde download butonu veya nasıl yapıldığı ile alakalı anlatım var. Biraz ingilizce lazım.
06 Mayıs 2015, 18:19
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.
07 Mayıs 2015, 18:44
Hocam bari bir kaynak versen
07 Mayıs 2015, 19:39
Can arkadaşım, demo linke tıklayınca zaten kaynakları orada. Bazılarında free download linki bile var.
muhammed gürbulak dedi ki:
02 Kasım 2015, 10:08
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…
03 Kasım 2015, 09:03
Muhammed girdiğin sitedeki freedownload yazan butona tıklıyorsun ve email adresini yazıyorsun. İndirme linki gönderiyorlar. Lakin hangisini indireceğini bilmiyorum.
06 Nisan 2016, 13:14
Emeğine sağlık. Güzel çalışma olmuş
10 Haziran 2017, 02:56
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.
Sonucu Giriniz * Time limit is exhausted. Please reload CAPTCHA. × 2 = 10
ücretsiz responsive tema JQuery slider flash dersleri flash ile web sayfa yapımı html5 tek sayfa web sayfa yapımı html5 temalar CSS3 ücretsiz mobil temalar css flash web dersleri Ücretsiz responsive tema indir ücretsiz html5 temalar asp ile web site yapımı ücretsiz wordpress temalar html5 ücretsiz html temalar JQuery html5 dersleri ücretsiz web site temaları ücretsiz temalar flash görüntülü dersler ücretsiz responsive temalar ücretsiz wordpress temaları