Jquery 如何使bxslider goToSlide函数不具有动画效果-只需跳转/显示在幻灯片上?
我正在使用bxslider,在我的选项中,它是一个非常棒的jquery滑块插件 I使用Jquery 如何使bxslider goToSlide函数不具有动画效果-只需跳转/显示在幻灯片上?,jquery,bxslider,Jquery,Bxslider,我正在使用bxslider,在我的选项中,它是一个非常棒的jquery滑块插件 I使用goToSlide()函数 bxslider.goToSlide(slide); 我试图让goToSlide跳到幻灯片上,而不是制作动画 有人能帮忙吗?我做了一把小提琴 提前谢谢 只需覆盖css转换即可解决此问题 完整答案在这里 只需覆盖css转换即可解决此问题 完整答案在这里 有一种更简单的方法可以在不设置动画的情况下跳转到幻灯片: $('.slidejump-2').on('click', fun
goToSlide()代码>函数
bxslider.goToSlide(slide);
我试图让goToSlide
跳到幻灯片上,而不是制作动画
有人能帮忙吗?我做了一把小提琴
提前谢谢 只需覆盖css转换即可解决此问题
完整答案在这里
只需覆盖css转换即可解决此问题
完整答案在这里
有一种更简单的方法可以在不设置动画的情况下跳转到幻灯片:
$('.slidejump-2').on('click', function(e) {
slider.reloadSlider({
startSlide:1,
});
});
或者举个例子:
JumpToSlide = function (slideNumber) {
var slide = slideNumber - 1;
bxslider.reloadSlider({
startSlide:slide,
pager: false,
auto: false
});
};
这将重新加载滑块,并将开始帧设置为您选择的任何帧。
叉形提琴是有一种更简单的方法可以在不设置动画的情况下跳转到幻灯片:
$('.slidejump-2').on('click', function(e) {
slider.reloadSlider({
startSlide:1,
});
});
或者举个例子:
JumpToSlide = function (slideNumber) {
var slide = slideNumber - 1;
bxslider.reloadSlider({
startSlide:slide,
pager: false,
auto: false
});
};
这将重新加载滑块,并将开始帧设置为您选择的任何帧。
Forked fiddle不知道它是否有这个选项,但如果你编辑插件,你看到的任何动画都会将持续时间更改为0,它会做你想做的事情。我知道它没有这个选项,但基本上我在加载文档时使用URL参数来启动这个函数。该参数是幻灯片编号。所以我只需要这个,而不是动画一些当页面加载时,你看不到滑块移动。但滑块需要在所有其他时间设置动画。不确定我是否准备好编辑插件:/Thankshow关于隐藏它直到它完成它?难看的解决方法,但会起作用,如果它有一个onFinish
事件,然后绑定到它,如果没有,你可以创建一个队列。嗯,实际上这不是一个坏主意,谢谢@eric.itzhakdunno,如果它有选项或没有,但如果你编辑插件,你看到的任何动画将持续时间更改为0,它会做你想做的事。我知道它没有选项,但基本上,我使用URL参数在加载文档时启动此函数。该参数是幻灯片编号。所以我只需要这个,而不是动画一些当页面加载时,你看不到滑块移动。但滑块需要在所有其他时间设置动画。不确定我是否准备好编辑插件:/Thankshow关于隐藏它直到它完成它?难看的解决方法,但会起作用,如果它有一个onFinish
事件或其他事件,然后绑定到它,如果没有,你可以创建一个队列。嗯,实际上这是个不错的主意,谢谢@eric.itzhak