为什么用jquery动画的图像需要花一点时间才能清晰显示?

要了解问题,这里是jsFiddle

单击按钮后,图像变大,需要一段时间才能使图像清晰。

如何解决这个问题?

这是代码

$(document).ready(function(){ 
         $("#btn").click(function(){
                $("#im").animate({width:200,height:200});
         });
});

#1楼 票数:0 已采纳

我认为您被要求在动画中快速缩放图像时看到的是浏览器优化。 他们在动画制作过程中使用快速缩放算法以使动画播放更快,然后在动画停止播放时使用更精确的缩放算法。

您可以在此处阅读有关缩放算法更改的信息: https : //bugs.webkit.org/show_bug.cgi?id=56627

另外,以下是有关不同浏览器如何不同缩放图像的一些信息: http : //entropymine.com/resamplescope/notes/browsers/

  ask by user1390378 translate from so

未解决问题?本站智能推荐:

2回复

jQuery动画图像交换

你好。 又是我,又是jQuery。 我有这样的东西: http : //misiur.com/small/ 单击左侧菜单时,我想更改此图像的src或只是交换它。 但是我想让它动起来。 图片路径取自数据库,并存储在“图片”数组中(您可以使用firebug进行检查)。 谢谢 更
1回复

jQuery:如何平滑调整动画图像的大小

我是jQuery菜鸟-所以请原谅这个问题的可能基本性。 我正在做一些非常简单的事情-悬停动画图像的位置和大小。 当您将鼠标悬停在图像上时,会有一些明显的“锯齿”(在FF,Chrome,Safari和其他糟糕的浏览器中)-有没有办法摆脱这种情况? jQuery代码如下,实时链接位于kris
1回复

如何制作Javascript/jQuery/HTML动画图像堆栈

我想制作一个基于javascript / jQuery / HTML的图像查看器,它在书本翻页和iTunes Coverflow界面之间没有任何左侧,可以在移动设备浏览器上使用。 我一直在寻找可以用作起点的教程,但还没有找到任何东西。 有人可以提供有关如何开始该项目的建议吗? 我希望能够
4回复

使用JQuery慢慢更改/淡化/动画图像

这是我的img, <img src="one.png" id="one" onMouseOver="animateThis(this)"> 当用户将鼠标悬停在使用jQuery时,我想慢慢将此图像src更改为“oneHovered.png”。 哪种jQuery方法最好这样做?
2回复

动画一个>页面完全加载时,元素上下上下浮动5px。我应该从哪里开始寻找如何做到这一点?[关闭]

已关闭 。 这个问题需要细节或明确性。 它当前不接受答案。 了解更多 。 想改善这个问题吗? 添加详细信息并通过编辑此帖子来澄清问题。
1回复

在图像显示之前运行动画

我有一个灯箱,当单击下一个/上一个时,它会在图像中淡入另一个图像。 我遇到的麻烦是在显示图像之前先对灯箱的宽度和高度进行动画处理。 在顶部,我为当前图像设置了动画效果,使其淡出,然后将其替换为新图像。 然后,我正在加载一个函数,该函数获取图像的高度和宽度,并对灯箱的高度和宽度进行动画处
1回复

使用jQuery.animate()时的图像动画问题

我有一个图像动画问题需要解决。 当用户将鼠标悬停在图像上时,图像的大小应增加。 当用户从图像中移出时,图像应返回其原始大小。 问题:当用户非常快地移入和移出图像时,图像将扩展并开始变形,或者变为完全不同的大小。 然后,当鼠标没有悬停在图像上方时,它将继续进行动画处理。 这是JSFi
3回复

Jquery-为什么我的图像不会在鼠标悬停时生成动画?

我试图让我的图像在鼠标悬停(悬停)上动画,但由于某种原因它根本不起作用。 和相邻的HTML 我有另一个悬停甚至链接回字幕类,可能是一个冲突。 当我鼠标悬停图像时没有任何反应:/ 这会干扰其他代码吗?