Breaking News: Grepper is joining You.com. Read the official announcement!

how to go-to slide in swiper js

Anthony Michael answered on January 10, 2023 Popularity 7/10 Helpfulness 1/10

answer how to go-to slide in swiper js

related how to add auto slide to swiper js

how to go-to slide in swiper js

Comment

<Swiper
  pagination={true}
  navigation={true}
  onSwiper={(swiper) => setSwiper(swiper)}
>
//Add state from swiper
  const [swiper, setSwiper] = useState<Swiper>();
//Call this part of code
  swiper.slideTo(0, 500); // pass speed as a second parameter

Popularity 7/10 Helpfulness 1/10 Language javascript

Source: stackoverflow.com

Tags: javascript slide

Link to this answer
Share Copy Link

Contributed on Oct 23 2024

Anthony Michael

0 Answers Avg Quality 2/10

Closely Related Answers

how to add auto slide to swiper js

Comment

Just add

const swiper = new Swiper('.swiper', {
  autoplay: {
    delay: 5000,
  },
});

Popularity 10/10 Helpfulness 3/10 Language javascript

Source: Grepper

Tags: add

Link to this answer
Share Copy Link

Contributed on Jan 10 2023

Bilal Zahid

0 Answers Avg Quality 2/10

swiper slide to index

Comment

var swiper = new Swiper('.swiper-container', {
  slidesPerView: 1,
  navigation: {
    nextEl: '.swiper-button-next',
    prevEl: '.swiper-button-prev'
  }
});

// Function to slide to a specific index
function slideToIndex(index) {
  swiper.slideTo(index);
}

// Usage: Call slideToIndex with the desired slide index
slideToIndex(2); // Slide to index 2

Popularity 10/10 Helpfulness 1/10 Language

Source: Grepper

Link to this answer
Share Copy Link

Contributed on Sep 11 2023

YOU.com

0 Answers Avg Quality 2/10

how to go-to slide in swiper js

Contents

More Related Answers

how to go-to slide in swiper js

Closely Related Answers

how to add auto slide to swiper js

swiper slide to index

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.