100+ jQuery slider/slideshow eklentileri

jQuery sitesinde slideshow örnekleri için 110 tane adet yazdığını gördüm ama işin aslı eklemeye başlayınca çoğu uygulamanın bir programdan ibaret olduğunu farkettim. Sırf bir programı tanıtmak için farklı farklı başlıklar altında dizini doldurmaya çalışmış biri. Bu yüzden yolun başından geri dönerek sizler için en çok kullanılan örnekleri internetten bulmaya karar verdim. Şimdilik 35 adet slideshow uygulaması bulunuyor ama zamanla bulduğum bütün slideshow ve slider uygulamalarını  aynı başlık altında güncellemeye devam edeceğim. Sonuç olarak kaç tane olacağını söylemem mümkün değil. Her yeni çıkan uygulamayı hızlı bir şekilde buraya eklemeye gayret göstereceğim.

Bu yazıya eklediğim örneklerde birbirine benzeyen ve aynı şekilde çalışan örnekler mevcut. Bazıları responsive, bazıları carousel (sona geldiğinde durmadan devam eden), bazıları tam ekran, bazıları da arkaplan slideshow gibi özelliklere sahip. Eminim bu yazı altında aradığınız bir slideshow galeri çeşidini bulabilirsiniz. Aslında bu yazıyı ilk yayınladığım zamanlar sadece belirli örnekler ekleyecektim ancak dönüp dolaşınca hepsinin genel amacının aynı olduğuna karar verdim. Bir kaç tane içerik kaydırma uygulaması daha olduğu halde hiç birini bu yazıya eklememiştim. Sadece resimler için olan örnekleri toplamaya özen göstermiştim. Sonuç olarak baktığımızda içerik kaydırmaya yarayan çalışmalarla da resimler kullanılabiliyor. Zaten bu ikisini farklı başlık veya kategorilere eklemem en başından beri hataydı.

Yaklaşık olarak 100 tane eklenti ekledikten sonra kendimce bu karara vardım. İlerleyen zamanlarda aynı görevi gören bütün örnekleri yine bu yazı altında birleştirmeye devam edeceğim sizler için.

1. Bu da Tayfun Erbilen tarafından hazırlanmış pSlider. Daha önceleri Tayfun Erbilen'in sitesinde bir kaç tane videos izlemiştim ama eklenti hazırladığından haberim olmamıştı şu ana kadar. Sanırım bu listeye eklemekte oldukça geciktim. Bundan sonra Tayfun Erbilen'in sitesini daha sık takip etmem gerekiyor. Ufak bir değişiklik sonucu sayfanına başına geldi pSlider. Otomatik yer değiştirdi sanırım. :=) Demo ve indirme linklerini kendi sayfasında incelersiniz artık.
   • Detay
   2. Single Step Carousel - Hem rakam hemde ileri geri butonları yardımıyla resimler arası slayt geçiş yapılabiliyor. Ama sizin için işin kötü tarafı butonlar için herhangi bir tasarım hazırlanmamış. Kendi zevkinize  ve bilginize  göre  slayt işlemi gerçekleştiren rakamlar ve linkler için butonlar oluşturmanız gerekiyor.
   • Download

   • Demo j
   3. BeaverSlider
   • Download

   • Demo
2. Digital Slideshow
   • Download

   • Demo
   5. Simple Fade
   • Download

   • Demo
3. RBGImageSlider - Tasarım açısından  baktığınızda pek  bir şeye benzemiyor gibi görünse de  kendinize  özgü ikonlar kullanarak  bir hayli kullanışlı tam ekran slayt galeri örnekleri oluşturabilirsiniz. Sağ ve sol tarafta bulunan noktalara tıkladığınızda haliyle resimler arası geçiş işlemi gerçekleşiyor. Ortada bulunan noktaya tıkladığınızda Facebook benzeri olarak karşımıza siyah bir ekran çıkıyor. Uygulamanın demosu yok. Download butonundan örneği hemen indirip inceleyebilirsiniz.
   • Download

   • Demo
   7. Webdesign
   • Download

   • Source

   • Detail
4. Blindify 
   • Download

   • Demo 
   9. Featured Content Glider
   • Download

   • Demo
5. Shiner
   • Download
   11. Simple Controls Gallery
   • Download

   • Demo 
   12. Albumize
   • Download

   • Demo
   13. Number
   • Download
6. Slidejs
   • Download 

   • Demo Slidejs
7. Popeye
   • Download

   • Demo
8. Cycle
   • Download

   • Demo
9. TN3Gallery 
   • Download

   • Demo
   18. Pikachoose
   • Download

   • Demo
10. CoinSlider
    • Detail

    • Demo
11. Galleria
    • Download

    • Demo
    21. Orbit
    • Download

    • Demo 
12. Supersized - internette en popüler olan çalışmalardan bir tanesi. Görüntü olarak video playeri andırıyor.
    • Download

    • Demo
    23. slideViewer
    • Detail

    • Demo
    24. Advanced
    • Detail

    • Demo
13. Serie3
    • Download

    • Demo
14. Easy
    • Download

    • Demo
15. simpleSli.de
    • Download

    • Demo
16. Skitter
    • Download

    • Demo
    29. ResponsiveSlides.js
    • Download

    • Demo
17. SideWays
    • Detail

    • Demo
    31. FullScreen
    • Detail

    • Demo
18. blueBimp
    • Download

    • Demo
19. Fotorama
    • Download

    • Demo
20. Billy
    • Download

    • Demo
21. SGallery
    • Download
22. SideSwap
    • Detail

    • Demo
23. 3DTransitions
    • Detail

    • Demo
24. Destaque
    • Download

    • Demo

    • Detail
25. KGallery
    • Download

    • Demo
26. RefineSlide

41. PhotoSwipe 42. RhinoSlider 43. UnSlider 44. Camera 45. Automatic Image Rotator 46. Sequence 47.  AyaSlider 48. Photobox 49. Backstretch 50. Glisse.js 51. StackSlider 52. Awkward Showcase 53.  Image Viewer 54. FluxSlider 55. Roundabout 56. FullScreenBackgroundSlider 57.  ResponsiveSlides 58. Diaporama 59. Looper.js  60. SmartGallery 61. Full screen Slideshow 62. Agile Carousel 63. MagnificPopup 64. Bootstrap 65. jCarousel 66. Fraction 67.  nanoGallery 68. ExcoloSlider 69. jQuerySlideshow 70. AmazingSlider 71. AnythingSlider 72. GalleryView 73. Image Flow 74. Galleriffic 75.  BeatifulSliders 76.  SlickSlide 77.  SliderKit 78.  GoogleSlides 79.  Krakatoa 80. ImmersiveSlider 81. MaxImage2 82. Glide.js 83. OwlCarousel 84.  FlexSlider 85. HashSlider 86. Swiper 87. carouFredSel 88.  ResponsiveCarousel 89. SuperSlides 90. SlitSlider 91. Slideshowify 92. ElastiSlide 93. QuakeSlider 94.  jQueryUI CoverFlow 95. RotatingImageSlider 96. B&W Box Gallery 97. BakcgroundVideoSlideshow 98.  Slidy 99. iosSlider 100. JQUERY.MB.BGNDGALLERY

101. Accensor.js : Buraya kadar eklemiş oldum örneklerden farklı olarak içerik yani div veya web sayfasının tamamını kaydırmaya yarayan bir tane çalışmayı da bu konuya dahil etmek istedim. İlerleyen zamanlarda benzer olan bütün konuları yine bu başlık altında sizlerle paylaşmaya devam edeceğim. Accensor.js uygulaması labirent şeklinde web sayfaları tasarlayıp  hem klavye yön tuşları hem de mouse ile butonlara tıklayarak gezinme işlemini yapan bir çalışma. Ekran görüntüsü için tam olarak açıklayıcı birşey bulamadığımdan dolayı olduğu gibi bannerini ekledim. Gerçi banneri bile bir şeyler ifade etmeye yeter gibi görünüyor.
     • Download

     • Demo
102. BxSlider - TEMMUZ 30, 2012 tarihinde bu uygulamanın kullanımı hakkında bir yazı sayfası hazırlamıştım. Geliştirici sitesindeki açıklamalar  yeteri kadar net olduğu için onu da bu listeye ekledim. BxSlider belki de bu listedeki uygulamalar arasında en popüler olan ve en kullanışlı olanıdır. Kendi başına her bölümde ihtiyacınız olan slayt örneğini BxSlider ile sitenize kurup kullanabilirsiniz. Örnek olarak eklediğim resim iki tane üst üste bindirilmiş demodan oluşuyor. Böyle bir örnek yok sadece bütün örneklerini tek bir resimde size göstermeye çalıştım ancak o kadar çok örneği var ki bu mümkün değil. Bu yüzden tek bir resme iki tane demo sığdırdım.