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

Javascript 在Jssor滑块中选择个性化幻灯片,javascript,jquery,slider,slide,jssor,Javascript,Jquery,Slider,Slide,Jssor,首先,我有一个滑块,上面有3个向上旋转的图像,还有一个选择器 var jssor_slider1 = new $JssorSlider$("slider1_container", options); 我有一个功能,根据“选择”中的选定选项,我想停止并在滑块上显示特定的幻灯片 他怎么可能 这是我拥有的功能,但工作不好 $(".enlace").click(function(i){ var id = $(this).attr("id"); if(id == 'SDINERO'

首先,我有一个滑块,上面有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'); 
    }
})


谢谢。

您可以按以下方式完成这项工作

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

是否要根据用户选择的选项将滑块切换到指定的滑块?功能如下。主幻灯片有3个图像,选择器有8个选项,我希望您在选择SDINERO选项时只显示幻灯片1,滑块停止。选择其他选项时,显示幻灯片编号3,滑块停止。将只显示3张幻灯片旋转进入页面请查看更新的答案。我已经​​这些更改,捕获id选项的值,选择并调用函数,输入函数,我已经用optionvalue的值发出了警报,但是当我输入类似“jssor_slider1.$PlayToslideIndex;”的参数时。功能停止。无法识别有关滑块的任何值。如果滑块已位于幻灯片0处,然后您调用jssor_slider1.$PlayTo0,则它将不执行任何操作。