Как НЕ сбросить слайды Bootstrap Carousel
Я использую Bootstrap Carousel в качестве заголовка сайта на PHP, есть ли способ сохранить память о слайде, достигнутом при смене страницы моего сайта? Таким образом, на следующей странице это начнется со следующего слайда, а не с самого начала снова.
Не стесняйтесь спрашивать меня о подробностях, я просто поместил стандартный код карусели на каждой странице вверху (включая один файл PHP).
Update1Спасибо за ответ, я создал сеанс, чтобы сохранить, с какого слайда должна начинаться карусель. Теперь вопрос: как я могу получить текущий номер слайда? (потому что карусель циклически повторяется через x секунд, и мне нужно показать последний слайд).
решаемая: @Andrea Ajek большое спасибо за ответ! Это решило мой вопрос также без использования сессий PHP!
Решение
Вы можете использовать HTML5 WebStorage для сохранения индекса последнего слайда. Предполагая, что ваша карусель имеет атрибут id, равный «myCarousel», этот код должен работать без сбоев:
$('#myCarousel').on('slid.bs.carousel', function () {
var currentSlide = $('#myCarousel div.active').index();
sessionStorage.setItem('lastSlide', currentSlide);
});
Событие «slid.bs.carousel» происходит, когда карусель закончила скольжение от одного предмета к другому. Чтобы проверить, есть ли индекс слайдов, сохраненный в sessionStorage, и правильно инициализировать карусель, вы можете использовать следующий код:
if(sessionStorage.lastSlide){
$("#myCarousel").carousel(sessionStorage.lastSlide*1);
}
Другие решения
Других решений пока нет …
detector