Question

首先我有一个带有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'); 
    }

}）;

谢谢。

Answer 1

你可以通过以下方式完成这项工作，

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

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

1 个答案: