在Jssor滑块中选择个性化幻灯片

Question

First I have a slider with 3 images that rotate up and have a selector.

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

I have a function in which, depending on the selected option in the select, I want to stop and show a specific slide the slider.

How could he?

This is the function that I have but does not work well.

$(".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'); 
    }

});

Thank you.

Answer 1

You can do that job in following manner,

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