jQuery循环插件高级滑块
我想用jQuery Cycle插件构建一个幻灯片,我以前做过,但现在我想要一个高级的幻灯片。 滑块需要向上滚动和淡出,淡出和从下一张幻灯片向上滚动之间有一个延迟 这是我的密码jQuery循环插件高级滑块,jquery,slideshow,cycle,Jquery,Slideshow,Cycle,我想用jQuery Cycle插件构建一个幻灯片,我以前做过,但现在我想要一个高级的幻灯片。 滑块需要向上滚动和淡出,淡出和从下一张幻灯片向上滚动之间有一个延迟 这是我的密码 $.fn.cycle.transitions.customSlide = function($cont, $slides, opts) { opts.fxFn = function(curr, next, opts, after) { $(curr).hide(function() { $(next).dela
$.fn.cycle.transitions.customSlide = function($cont, $slides, opts) {
opts.fxFn = function(curr, next, opts, after) {
$(curr).hide(function() {
$(next).delay(opts.delayBetween).show(function() {
after();
});
});
};
};
$('#slideshow2').cycle({
fx: "customSlide",
delay: 3500,
timeout: 2000,
delayBetween: 1000
});
上面的代码应该只是显示和隐藏对象;我怎样才能使它工作,使它向上滑动,然后消失 我不确定您是否特别希望在自定义函数中使用此功能,但这里有一个版本仅使用内置循环属性。animOut是魔术碰巧提供slideUp和fadeOut功能的地方。希望这有帮助
$('#slideshow').cycle({
fx: 'custom',
cssBefore: {
left: 0,
top: 0,
width: 0,
height: 0,
opacity: 1,
display: 'block'
},
animOut: {
opacity: 0,
top: -50
},
animIn: {
left: 0,
top: 0,
width: 200,
height: 200
},
cssAfter: {
zIndex: 0
},
delay: -3000
});
我不确定您是否特别希望在自定义函数中使用此功能,但这里有一个版本仅使用内置的循环属性。animOut是魔术碰巧提供slideUp和fadeOut功能的地方。希望这有帮助
$('#slideshow').cycle({
fx: 'custom',
cssBefore: {
left: 0,
top: 0,
width: 0,
height: 0,
opacity: 1,
display: 'block'
},
animOut: {
opacity: 0,
top: -50
},
animIn: {
left: 0,
top: 0,
width: 200,
height: 200
},
cssAfter: {
zIndex: 0
},
delay: -3000
});
嗨,乔希,谢谢你的评论。这不是我想要的。动画是正确的,尽管我正在寻找一种在幻灯片之间暂停的方法。嗨,Josh,谢谢你的评论。这不是我想要的。动画是正确的,尽管我正在寻找一种在幻灯片之间暂停的方法。