Как установить активный слайд в Swiper?

Как я могу задать определенную активную страницу в Swiper, чтобы она открывалась первой или при определенных условиях, а не первая страница? Я добавил Swiper в свой проект, но не могу найти информацию о том, как это сделать в документации. Можете подсказать? Мне нужно сделать это в Codepen, но я не знаю, как отображать HTML, поэтому прикрепляю скриншот.
Изображение к вопросу
  • 13 декабря 2023 г. 8:51
Ответы на вопрос 2
Для установки определенного активного слайда в Swiper вы можете использовать свойство `initialSlide`. Например, если вы хотите открыть второй слайд первым, вы можете установить `initialSlide: 1` при инициализации Swiper:

```javascript
var swiper = new Swiper('.swiper-container', {
  initialSlide: 1,
  // другие опции
});
```

Если вы хотите установить активный слайд в зависимости от каких-либо условий, вы можете использовать метод `slideTo`. Например, для открытия третьего слайда первым после загрузки страницы, вы можете сделать следующее:

```javascript
var swiper = new Swiper('.swiper-container', {
  // опции
});

swiper.on('init', function() {
  swiper.slideTo(2); // индекс слайда, счет начинается с 0
});
```

Вызов метода `slideTo` нужно сделать после инициализации Swiper, в обработчике события `'init'`. В приведенном примере будет установлен третий слайд в качестве активного первым.

Надеюсь, это поможет вам установить активный слайд в Swiper.
мб это initialSlide
Похожие вопросы