Javascript Jquery循环插件定制
我正在努力定制jquery循环插件。我想要的是,当滑块到达最后一个滑块时,它将停止再次滑动到第一个滑块。这工作正常 但问题是,当我在第一张幻灯片上,然后单击第三张幻灯片时,它不会在那里结束,而是返回到第一张幻灯片 我的jquery代码如下:Javascript Jquery循环插件定制,javascript,html,jquery-cycle,Javascript,Html,Jquery Cycle,我正在努力定制jquery循环插件。我想要的是,当滑块到达最后一个滑块时,它将停止再次滑动到第一个滑块。这工作正常 但问题是,当我在第一张幻灯片上,然后单击第三张幻灯片时,它不会在那里结束,而是返回到第一张幻灯片 我的jquery代码如下: jQuery(document).ready(function($) { $('.slider1 ul.horizontal').cycle({ fx: 'scrollHorz', speed: 50
jQuery(document).ready(function($) {
$('.slider1 ul.horizontal').cycle({
fx: 'scrollHorz',
speed: 500,
pause: 1,
pauseOnPagerHover: true,
width: "100%",
easeOut: 'easeOutBack',
cleartypeNoBg: true,
pager: 'ul.pager',
autostop: 2,
autostopCount:3,
startingSlide: 0,
after: onAfter,
pagerAnchorBuilder: function(idx, slide) {
return '<li><a href="#"></a></li>';
}
});
function onAfter()
{
if ($('.slider_content').css('display') == 'block')
{
if ($('li#lastslide').css('display') == 'block') {
$('.slider1 ul.horizontal').cycle('pause');
$('.controlbutton').stop().fadeIn(500);
}
else
{
if($('.question_slide').css('right') != '0px')
{
$('.controlbutton').fadeOut(100);
}
}
}
}
});
jQuery(document).ready(函数($){
$('.slider1ul.horizontal')。循环({
fx:‘滚动人’,
速度:500,,
暂停:1,
是的,
宽度:“100%”,
easeOut:“easeOutBack”,
没错,
传呼机:“ul传呼机”,
自动停止:2,
自动停止计数:3,
开始幻灯片:0,
之后,
pagerAnchorBuilder:函数(idx、幻灯片){
返回“”;
}
});
函数onAfter()
{
if($('.slider_content').css('display')=='block')
{
if($('li#lastlide').css('display')=='block'){
$('.slider1ul.horizontal')。循环('pause');
$('.controlbutton').stop().fadeIn(500);
}
其他的
{
如果($('question_slide').css('right')!='0px')
{
$('.controlbutton')。淡出(100);
}
}
}
}
});
我认为应该有一些分页点击事件。我已经检查了插件选项参考页面,但无法理解如何告诉插件这是最后一张幻灯片,不要返回到第一张幻灯片
有什么想法吗。提前谢谢。这可能就是您要找的。非常感谢。解决方案是使用nowrap:1