Script Ne İşe Yarar?
Bu jQuery tabanlı slider, görseller arasında geçiş yaparken Zoom In/Out (yakınlaştır/uzaklaştır) efektleri sunar. Web sitelerinde görsel sunumları daha etkileyici hale getirmek için kullanılır. Tamamen responsive (mobil uyumlu) yapısıyla her cihazda sorunsuz çalışır. Ayrıca dokunmatik ekran desteği sayesinde mobil kullanıcı deneyimini artırır.
4 Farklı Sürüm
Sabit Boyutlu Slider (Fixed Dimensions)
Tam Genişlikte Slider (Full Width)
Tam Ekran Slider (Full Screen)
Kenar Çubuğu Bannerları / Mini Galeriler (SideBar banners / Mini-Galeries)
Öne Çıkan Özellikler
180’den fazla hazır CSS3 animasyon
Ken Burns efekti (zoom ve pan geçişleri)
Fade veya Slide geçiş seçenekleri
Her görsel için başlangıç ve bitiş zoom parametreleri
Otomatik oynatma ve döngü desteği
YouTube & Vimeo entegrasyonu
Her görsele özel bağlantı ekleyebilme
3 farklı tema: Opportune, Majestic, Generous
Gelişmiş tam ekran modu ve yeni dokunmatik navigasyon sistemi
Aynı sayfada birden fazla slider kullanabilme
PSD dosyaları dahil
Kurulum
Gerekli CSS ve JS dosyalarını sayfaya dahil edin:
https://code.jquery.com/jquery-3.3.1.min.js
https://use.fontawesome.com/releases/v5.0.10/css/all.css js/image-slider.js css/image-slider.css
HTML yapısını oluşturun:
Görselleri tanımlayın:
Geçiş süresini ayarlayın:
Kaynaklar
https://lambertgroupproductions.com/portfolio_page/jquery-slider-zoom-inout-effect-fully-responsive/
https://www.jqueryscript.net/slider/Responsive-Image-Zoom-Slider.html
Bu script, görsel sunumlarınıza profesyonel bir dokunuş katmak isteyen herkes için ideal bir çözümdür. Kurulumu kolay, kullanımı esnektir. Web projelerinizde rahatlıkla entegre edebilirsiniz. Hazır yapısıyla kopyala-yapıştır kullanıma uygundur. Herhangi bir CMS’e entegre edilebilir veya bağımsız HTML projelerinde kullanılabilir.
İndirme Linkleri:
http://codecanyon.net/item/jquery-slider-zoom-inout-effect-fully-responsive/2457203
http://hfiles.ro/download/jqueryslider.rar/1516769
http://www.mirrorcreator.com/files/02EFQKWF/jqueryslider.rar_links
http://ul.to/4zbmkj7x
http://www49.zippyshare.com/v/uFrAY5hZ/file.html
https://www.solidfiles.com/v/mj5zwz7damx5D
https://userscloud.com/2a5atztwaxr1
https://www.sendspace.com/file/0c9xn6
http://www.megamirror.net/zt2dktbrvux8
http://www.uploads.ws/JP2rM8
http://www.mediafire.com/download/8404it85xdem4ag/jqueryslider.rar
