Jquery 动画不是很流畅

Jquery 动画不是很流畅,jquery,Jquery,我制作了一个小幻灯片。然而,它看起来并不是很平滑。如何使过渡看起来更平滑 这是相关代码。wod在本例中是一个变量350px。tranSpeed为1000,是动画发生的时间。我尝试将其设置为不同的值,但仍然得到相同的锯齿状外观 $('#slideShowInner').stop(true,true).animate({'left':'-=' + wod}, tranSpeed, function (){ autoSlide = setTimeout(fred, slidetime) }); 你可

我制作了一个小幻灯片。然而,它看起来并不是很平滑。如何使过渡看起来更平滑

这是相关代码。wod在本例中是一个变量350px。tranSpeed为1000,是动画发生的时间。我尝试将其设置为不同的值,但仍然得到相同的锯齿状外观

$('#slideShowInner').stop(true,true).animate({'left':'-=' + wod}, tranSpeed, function (){ autoSlide = setTimeout(fred, slidetime) });
你可以明白我的意思

谢谢

以下是使用的html代码:

<div id="slideShowWindow">
<div id="slideShowInner">    
<img src="images/clothingphotos/sonnytshirt.jpg" alt="" width="350" height="350" />
<img src="images/clothingphotos/bethtshirt.jpg" alt="" width="350" height="350" />
<img src="images/clothingphotos/mayaelliejesstshirt.jpg" alt="" width="350" height="350" />
<img src="images/clothingphotos/alfiemilessebtshirt.jpg" alt="" width="350" height="350" />
<img src="images/clothingphotos/geehat.jpg" alt="" width="350" height="350" />
<img src="images/clothingphotos/aaronhat.jpg" alt="" width="350" height="350" />
</div>
<div id="buttons">
<img id="clickPrev" src="images/prevButton.jpg" height="17" width="15" />  
<img id="clickNext" src="images/nextButton.jpg" height="17" width="15" />
<div id="pauseHolder">
<img class="clickMe" id="clickPause" src="images/pauseButton.jpg" height="17" width="15" />
</div>
<div class="clearer"></div>
<!-- buttons--></div>
<!-- slideShowWindow --></div>

[答案]

我和我的朋友谷歌一起研究

原来它可能是IE、jQuery和
标签


更改为其他内容。

尝试将左侧位置设置为绝对值,而不是以较小的增量迭代:

$('#slideShowInner').stop(true,true).animate({
    'left':'=' + wodFinal //set final value and loop fewer times
}, tranSpeed, 'easingName', function (){ 
    autoSlide = setTimeout(fred, slidetime) 
})

这不是p标记的问题,尽管我在以后的jQuery中注意到了这一点。此项目中没有p标记

我想这可能是边距/填充,但当我取下它们时,它仍然在做

最后我有点“放弃”了。一切都很好,即使是IE9。在IE8中,我会选择笔记本电脑(尽管这是一款不错的笔记本电脑,FF、Saf等都不错…)


我决定接受它。

我知道这是一个老问题,但我觉得这很有帮助。基本上与边距和填充有关

我觉得它非常平滑。使用IE9。(这意味着这可能是浏览器的问题)在Chrome中看起来也不错。在safari中也一样。如果你使用的是旧版ie,那么js可能是一只狗。在Firefox 3.6和Chrome Dev中很好。非常感谢你的评论!它的IE8是锯齿状的=这算是旧的吗???谢谢-当我看到图像移动时,它们的边缘看起来是锯齿状的。我注意到它在IE8中看起来参差不齐。但在saf、FF和opera中效果更好。我也会尝试一个缓和的解决方案,也会尝试一个缓和的解决方案——没有太大的区别(如果有的话)。但是感谢tipThanks神经放松-对你所说的很感兴趣-我已经在上面发布了html-没有或者我遗漏了什么吗?恐怕我没主意了那么Maxelcat,尝试在另一台计算机上使用它吧?谢谢你的回复,但我认为这是一个绝对值-没有循环