Выбор слайда персонализации в слайдере Jssor

Сначала у меня есть ползунок с 3 изображениями, которые вращаются вверх и имеют селектор.

 var jssor_slider1 = new $JssorSlider$("slider1_container", options);

У меня есть функция, в которой, в зависимости от выбранной опции в выборе, я хочу остановить и показать определенный слайд слайдера.

Как он мог?

Это функция, которая у меня есть, но плохо работает.

$(".enlace").click(function(i){

    var id = $(this).attr("id");

    if(id == 'SDINERO'){

          options = {
            $AutoPlay: false,
            $StartIndex : 0,
            $PauseOnHover : 3
            };

         var jssor_slider2 = new $JssorSlider$("slider1_container", options);

    }
    else{

        options = {
            $AutoPlay: false,
            $StartIndex : 1,
            $PauseOnHover : 3
            };

         var jssor_slider3 = new $JssorSlider$("slider1_container", options);
     }  

    if(contador==0){

      var text = $(this).text();

      $('#tit').text(text);
      $("#proyecto").val(id);
      $("#proyecto").change();
      $(".enlace").slideUp('fast');
      $('#opaco').css('display','none');
      $('.main').css('display','block');
      $('#simulador-container').css('height','450px');
      $("#simulador-container").slideDown('fast');
      $('#slider1_container').css('height','495px');
      $("#slider1_container").slideDown('fast');

      contador = 1;
    }
    else{
      var id = $(this).attr("id");

      var text = $(this).text();

      $('#tit').text(text);
      $("#proyecto").val(id);
      $("#proyecto").change();
      $(".enlace").slideUp('fast'); 
    }

});

Спасибо.


javascript slider jquery slide jssor
person user3387682    schedule 16.10.2014    source источник
comment
Вы хотите, чтобы ползунок переключался на указанный слайд в соответствии с параметром, выбранным пользователем?   -  person jssor    schedule 16.10.2014
comment
Функционал следующий. На главном слайде 3 изображения, а в селекторе 8 вариантов, я хочу, чтобы при выборе варианта SDINERO отображался только слайд 1, а ползунок останавливался. При выборе других опций показывается слайд номер 3 и слайдер останавливается. Будет показано только 3 слайда, чередующихся для входа на страницу   -  person user3387682    schedule 16.10.2014
comment
Пожалуйста, смотрите обновленный ответ.   -  person jssor    schedule 16.10.2014

Ответы (1)


arrow_upward
0
arrow_downward

Вы можете выполнить эту работу следующим образом,

var options = {
    ...
    $AutoPlay: false,
    ...
};

var jssor_slider1 = new $JssorSlider$("slider1_container", options);

function OptionSelectedHandler(optionValue)
{
    var slideIndex = 2;
    if(optionValue == "SDINERO"){
        slideIndex = 0;
    }
    jssor_slider1.$PlayTo(slideIndex);

    //optionally you can use following line to switch the slider to specified slide directly.
    //jssor_slider1.$GoTo(index);
}

//your code here to
//do something to capture the 'select' event and then call OptionSelectedHandler
person jssor    schedule 16.10.2014
comment
Я внес изменения, зафиксировал значение опции id, выбрал и вызвал функцию, ввел функцию (я поставил предупреждение со значением optionvalue), но когда я ввожу параметр типа `jssor_slider1.$PlayTo (Индекс слайда);'. функция останавливается. Не распознает никакого значения относительно ползунка. - person user3387682; 16.10.2014
comment
Если ползунок уже находится на слайде 0, а затем вы вызываете jssor_slider1.$PlayTo(0), он ничего не сделает. - person jssor; 17.10.2014