मैं Swiper.js के साथ एक स्लाइड बनाने की कोशिश कर रहा हूं और जब मैं नेविगेशन बटन पर क्लिक करता हूं तो कुछ एनीमेशन डालने की कोशिश कर रहा हूं। तो जब मैं नेविगेशन बटन पर क्लिक करता हूं, तो कुछ एनीमेशन वर्तमान स्लाइड पर लागू होता है और एनीमेशन खत्म होने के बाद, मैं इसे अगली या पिछली स्लाइड पर ले जाना चाहता हूं। मैंने स्वाइपर एपीआई को देखा है लेकिन मुझे वहां जवाब नहीं मिला और चूंकि स्लाइड को लंबवत रूप से आगे बढ़ना चाहिए, इसलिए इसे लागू करना और भी मुश्किल लगता है। क्या स्वाइपर स्लाइड को इस तरह काम करने का कोई तरीका है? अग्रिम में बहुत धन्यवाद।

0
James David Deann 27 अक्टूबर 2019, 06:34

1 उत्तर

सबसे बढ़िया उत्तर

स्लाइडर को लंबवत रूप से ले जाने के लिए आप direction: "vertical" को स्वाइपर init विकल्पों में निर्दिष्ट कर सकते हैं।

var mySwiper = new Swiper ('.swiper-container', {
    // Optional parameters
    direction: 'vertical',
    loop: true,

    // If we need pagination
    pagination: {
      el: '.swiper-pagination',
    },

    // Navigation arrows
    navigation: {
      nextEl: '.swiper-button-next',
      prevEl: '.swiper-button-prev',
    },

    // And if we need scrollbar
    scrollbar: {
      el: '.swiper-scrollbar',
    },
  })

कस्टम ट्रांज़िशन बनाने के लिए नीचे दिया गया लिंक मदद कर सकता है।

https://medium.com/@arnost/creating-custom-slide-transitions-in-swiper-js-also-with-gsap-ac71f9badf53

1
Nithin Thampi 27 अक्टूबर 2019, 08:53