所以,我尝试使用jQuery创建一个简单的图像滑块,我仍然坚持使用jQuery的animate属性。这是Fiddle。我的jQuery代码看起来像这样(属性宽度仅供参考,表明代码正常工作,可以省略)
$(document).ready(function(){
setInterval(function(){
moveRight();
}, 1000);
});
var imageCount = $("#slider-wrapper .images img").length();
function moveRight(){
$(".images img").animate({
left: '300px',
width: '25%'
}, 1000, function(){
$(".images img").css('left', '');
});
}
animate函数不是动画属性left
,但属性width
是动画的。我究竟做错了什么?它与我的CSS有关吗?
答案 0 :(得分:1)
您可能需要在CSS文件中将position: relative
或position: absolute
添加到选择器.images img
。 left属性与' position'。
.images img {
position: relative; /* Or absolute/fixed */
}