Как сделать bxslider с разным интервалом для каждого изображения, а также с временным интервалом использовать localstorage
я хочу, чтобы ползунок использовал bxslider, чтобы интервал был разным для каждого изображения, а временной интервал использовал локальное хранилище, но мой код кажется неправильным.
то, что я хочу, это первый интервал изображения 1 с, а затем интервал второго изображения 5 с и т. д., поэтому для каждого изображения интервал отличается, а временной интервал использует локальное хранилище
это мой код jsfiddle.net/noval_id/4qbs5jw0/
спасибо за ответ, но ползунок еще не работает с интервалом .. пожалуйста, проверьте мой код в jsfiddle jsfiddle.net/noval_id/4qbs5jw0
Поскольку jquery загружается неправильно и ваши CDN не работают, они показывают 404, посмотрите этот рабочий пример и обратите внимание, как я загружаю jquery и ваши cdns
Хорошо, после того, как я включу jquery, это означает, что я должен сделать, чтобы интервал изображения отличался, как этот var ImagePauses = [1000,3000,6000,9000,12000,15000];, и использовать локальное хранилище времени, поэтому интервал первого изображения равен 1000, затем интервал второго изображения равен 3000 и т. д., потому что ползунок все еще не отличается от другого интервала, это мой код в скрипке, когда уже добавлен jquery jsfiddle.net/9dcn1Lsp
Я только что добавил modifyDelay в событие slideAfter с индексом, теперь он работает. См. этот ручка
да хорошо, спасибо брат :)
Посетители не читают комментарии, но видят принятые ответы, если этот вопрос оказался полезным для кого-то в будущем, отметьте ответ как принятый, если он вам помог.
конечно, сэр :)
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 1
У вас не было нескольких задержек, потому что вы не запускали свою функцию снова, если вам нужны разные значения задержки, вам нужно запускать ее снова и снова для разных значений задержки, которые вы сохранили в массиве.
$(document).ready(function (){
var startIndex = localStorage.getItem("currentIndex");
if (startIndex == null)
startIndex = 0;
var ImagePauses = [1000,30000,2000,9000,12000,15000];
var slider = $('.bxslider').bxSlider();
modifyDelay(0)
function modifyDelay(startSlide){
slider.reloadSlider({
mode: 'horizontal',
infiniteLoop: true,
auto: true,
autoStart: true,
autoDirection: 'next',
autoHover: true,
pause: ImagePauses[startSlide],
autoControls: false,
pager: true,
pagerType: 'full',
controls: true,
captions: true,
speed: 500,
startSlide: startSlide,
onSlideAfter: function($el,oldIndex, newIndex){
modifyDelay(newIndex) // here run it again with new index
save($el, oldIndex, newIndex)
}
});
}
});
function save($el, oldIndex, newIndex) {
localStorage.setItem("currentIndex", newIndex);
}
Также оберните код jquery в функцию $(document).ready.