Javascript 在Jssor滑块中选择个性化幻灯片
首先,我有一个滑块,上面有3个向上旋转的图像,还有一个选择器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'
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,则它将不执行任何操作。