jquery 动画滑块 onClick 事件
我正在使用 jquery animate 函数创建一个滑块。第一个图像向左移动并且工作正常。但是下一个图像没有很快跟随第一个图像。它会显示一段时间的空白屏幕。这是我到目前为止所尝试过的：
$('.next').live('click',function() {
$('.ac_bgimage').animate({
left:"-80em"
}, 1500 , function(){
test();
});
});
function test() {
$('.ac_bgimage').attr('src','images/2.jpg');
$('.ac_bgimage').css('left','0em');
}
我被困在这一点上。请帮忙。提前致谢。
I am creating a slider using jquery animate function. The first image is moving to left and is working fine.But the next image is not quickly following the first image. It displays a blank screen for a while. This is what I have tried so far:
$('.next').live('click',function() {
$('.ac_bgimage').animate({
left:"-80em"
}, 1500 , function(){
test();
});
});
function test() {
$('.ac_bgimage').attr('src','images/2.jpg');
$('.ac_bgimage').css('left','0em');
}
I am stuck at this point. Please help. Thanks in advance.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
试试这个 简单滑块 jquery 插件。这将解决您的目的。
Try this easy slider jquery plugin. This will solve your purpose.
在您的 jsfiddle.net/cSVWv 中，您有两个错误，因为您的 div 隐藏了“下一个”类，因为那不可能触发“点击”事件。另一个是，在具有“ac_bgimage”类的图像中，您需要相对于作品的位置。
请参阅我的示例： http://jsfiddle.net/expertCode/tvaMK/
In your jsfiddle.net/cSVWv, you have two errors, because you have you div with 'next' class hidden, as thats is not possible to trigger the 'click' event. The other is, in image with 'ac_bgimage' class you need to the position relative to works.
See my example here: http://jsfiddle.net/expertCode/tvaMK/