JSSOR - сохранить текущее положение ползунка после обновления каждой веб-страницы

Question

Я просто установил красивый слайдер Jssor Slider под названием «Вложенный слайдер» (источники можно скачать бесплатно с веб-страницы: http://www.jssor.com/demos/nested-slider.html).

Не могли бы вы посоветовать, как я могу получить следующее поведение:

Каждый главный слайдер и subsliders содержит довольно много изображений, которые работают в процессе слайд-шоу. Мне нужна возможность продолжать показ слайдов, даже если это будет нарушено обновлением веб-страницы (например, когда клиент изменит продукт и т. Д.). На практике, когда слайд-шоу будет на второй позиции «Мотор» и номер изображения 7, и веб-страница будет обновлена, я хочу, чтобы после обновления страницы куттер продолжал смотреть это слайд-шоу, начиная с этого второго позиционного «Мотор» и номера изображения 7. В настоящее время после обновления каждой веб-страницы слайд-шоу начинается с начала, это означает, что с 1-й позиции «Пейзаж» и номер изображения 1.

Должно ли это повлиять на печенье? Это очень сложно реализовать? Я был бы благодарен за точный код, который был бы готов к работе.

С наилучшими пожеланиями, Бен

Answer 1

Существует вариант $ StartIndex который позволяет отображать указанный слайд слайдера в начале.

var options = { 
    ... 
    $StartIndex: lastviewed_slide_index, //Index of slide to display when initialize, default value is 0 
    ... 
}; 

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

var main_slider_lastviewed_index = jssor_slider1.$CurrentIndex(); 
var child_slider_lastviewed_index = nestedSliders[main_slider_lastviewed_index].$CurrentIndex(); 

Answer 2

Благодарим за дальнейшее направление. Я провожу много времени, пытаясь найти рабочие примеры, но все равно не повезло.

Я не уверен, что параметры URL-адреса лучше, чем файлы cookie, но я нашел пример относительно параметров URL-адреса. Возможно, есть кто-нибудь, кто знал бы, как я могу использовать его в моем случае ... Если было бы проще, чем было бы достаточно, чтобы сохранить хотя бы главный слайдер и запустить главный слайдер после обновления веб-страницы.

URL Paramets код, который я нашел, но я не знаю, как реализовать на слайдер Jssor:

$.urlParam = function(name){ 
var results = new RegExp('[\?&]' + name + '=([^&#]*)').exec(window.location.href); 
return results[1] || 0; 
} 

// example.com?param1=name&param2=&id=6 
$.urlParam('param1'); // name 
$.urlParam('id');  // 6 
$.urlParam('param2'); // null 

//example params with spaces 
http://www.jquery4u.com?city=Gold Coast 
console.log($.urlParam('city')); 
//output: Gold%20Coast 

console.log(decodeURIComponent($.urlParam('city'))); 
//output: Gold Coast 

//This could be used for example to set the default value of a text input field: 
$('#city').val(decodeURIComponent($.urlParam('city')));