Как сделать чтобы на последнем постере слайдер останавливался и не двигался дальше?

Для остановки слайдера на последнем постере вам потребуется выполнить несколько шагов.

1. Сначала вам нужно получить доступ к элементу слайдера. Если вы используете JavaScript-библиотеку, такую как jQuery, вы можете использовать соответствующий селектор для получения доступа к элементу слайдера.

Пример с использованием jQuery:

var slider = $('.slider');

2. Затем вам понадобится проверить, является ли текущий слайд последним слайдом. Для этого необходимо получить информацию о количестве слайдов и текущем индексе слайда.

Пример:

var slideCount = slider.find('.slide').length; // Получение количества слайдов
var currentIndex = slider.slick('slickCurrentSlide'); // Получение текущего индекса слайда

3. После того как вы узнали текущий индекс слайда и количество слайдов, вы можете сравнить их и принять решение остановить слайдер.

Пример:

if (currentIndex === slideCount - 1) {
  slider.slick('slickPause'); // Остановка слайдера
}

4. Наконец, вы можете добавить этот код в событие после переключения слайдера или в событие, которое вызывается после загрузки слайдера. В зависимости от того, какая библиотека слайдера вы используете, это может быть различными методами.

Пример с использованием библиотеки Slick:

slider.on('afterChange', function(event, slick, currentSlide){
  if (currentSlide === slick.slideCount - 1) {
    slick.slickPause(); // Остановка слайдера
  }
});

Вам следует заменить 'slider' и '.slide' на соответствующие селекторы, используемые в вашем коде, и обновить синтаксис на тот, который подходит вашей библиотеке слайдера.

Эти шаги помогут вам остановить слайдер на последнем постере.