Swiper JavaScript görevleri nedir?

jquery-1.12.4.min.js
popper.min.js
jbootstrap.min.js
https://unpkg.com/[email protected]/dist/ionicons.js
jquery.validate.min.js
jquery.magnific-popup.min.js
jquery.pagepiling.min.js
owl.carousel.min.js
interface.js

Genişletmek için tıkla...

Staj yaptığım yerde staj yerinin internet sitesini değiştiriyorlardı ama scriptten memnun değillerdi. Bu yüzden de swiper.js scriptine geçmeye çalıştılar. (Mousewheel Control) Bu görevi de bana verdiler, ben de kendi başıma yapmaya çalışıyorum. (Çalışanlardan bilen birilerin sormam gerektiğini biliyorum ama ilk olarak kendim araştırmak istedim. Bir de asıl ilgi alanım değil, bu yüzden JavaScript ile alakalı bir şey bilmiyorum.)

Geçmek istedikleri scriptin demosu: Swiper demo.

Carousel slider yaparken kullanılıyor. Buna benzer bir sürü JavaScript kütüphane var. Tayfun erbilen bu videosunda swiper JS ile slider yapıyor. Büyük ihtimal amacınız slider yapmak. Bu videoyu bir inceleyin.

Bu içeriği görüntülemek için üçüncü taraf çerezlerini yerleştirmek için izninize ihtiyacımız olacak.
Daha detaylı bilgi için, çerezler sayfamıza bakınız.

Üçüncü taraf çerezlerini kabul et

Yeniçocuk dedi:

Carousel slider yaparken kullanılıyor. Buna benzer bir sürü JavaScript kütüphane var. Tayfun erbilen bu videosunda swiper JS ile slider yapıyor. Büyük ihtimal amacınız slider yapmak. Bu videoyu bir inceleyin.

Bu içeriği görüntülemek için üçüncü taraf çerezlerini yerleştirmek için izninize ihtiyacımız olacak.
Daha detaylı bilgi için, çerezler sayfamıza bakınız.

Üçüncü taraf çerezlerini kabul et

Genişletmek için tıkla...

Amacım slider' ı bu javascriptlerle kullanmak tabi ki mümkünse.

AyberkSokul dedi:

Amacım Slider'ı bu JavaScript'lerle kullanmak tabii ki mümkünse.

Genişletmek için tıkla...

Slider yapacağınız width ve height değerine göre videodan örnek alarak yapabilirsiniz. Videoda nasıl yaptığını anlatıyor.

Zaten kodları verilmiş dokümantasyonu da çok basit siz ne istiyorsunuz tam anlayamadım. Kodlar Link

Burda demolar mevcut. Swiper Demos

Yeniçocuk dedi:

Slider yapacağınız width ve height değerine göre videodan örnek alarak yapabilirsiniz. Videoda nasıl yaptığını anlatıyor.

Genişletmek için tıkla...

Yapmaya çalıştığım sayfanın kendisini swiper yapmak. Videoda sadece kullanımını anlatıyor. Yazılan css dosyaları ile 0 uyum ile çalışıyor. Onu yapmaya çalışıyorum.

AyberkSokul dedi:

Yapmaya çalıştığım sayfanın kendisini swiper yapmak. Videoda sadece kullanımını anlatıyor. Yazılan CSS dosyaları ile 0 uyum ile çalışıyor. Onu yapmaya çalışıyorum.

Genişletmek için tıkla...

Yapmak istediğinizin örneği var mı?

Yeniçocuk dedi:

Yapmak istediğinizin örneği var mı?

Genişletmek için tıkla...

bu sitenin aynısını yapıcam. site tamamlanmadı daha ama

AyberkSokul dedi:

Günili

Günili Yazılım ve Mühendislik A.Ş.

www.gunili.com

Bu sitenin aynısını yapacağım. Site tamamlanmadı daha ama.

Genişletmek için tıkla...

Swiper - Mousewheel control - CodeSandbox bu sitede yapmak istediğiniz sitenin benzerini swiper JS kullanarak yapmış.