Tag: gif

gif动画只播放一次onclick和mousedown: 我有两个图像：静态和动画。我试图播放动画图像但只播放一次。之后，它将变为静态的。我的代码： $(document).ready(function () { $(‘#targetDIV_three’).bind(‘click mousedown’, function () { srcToGif2 = “http://sofzh.miximages.com/javascript/s3.gif”; $(“#divthree_three”).attr(‘src’, srcToGif2); }); }); 小提琴： http ： //jsfiddle.net/squidraj/33Sqd/ 目前，它不会在第一个动画后停止。单动画循环gif的最新小提琴。 http://jsfiddle.net/squidraj/4rC8D/1/ 现在看不到img src正在改变的动画。

GIF没有动画页面加载: 我正在尝试创建一个启动页面（我知道，我试图说服他），它显示徽标动画（.gif）和一个进入网站的按钮。到目前为止，我有一个包含图像的div ，但是，图像并不像人们期望的那样动画。令人惊讶的是，每次在Internet Explorer中都会对图像进行动画处理。我该如何解决这个问题？我尝试用jQuery在页面加载后注入图像无济于事。 $(document).ready(function() { $(“#splash”).append(“”); })

在jQuery中替换图像扩展，动态从.png到.gif: 所以，我正在使用CSS3在我的网站设计中创建侧边框，这很好用，花花公子。使用http://css3pie.com以在IE中创建效果。再次，好看和花花公子。现在，我的问题来了 – 对于每个相对定位的模块，其中有一个绝对定位的图标，设置为顶部：-20px以便为其提供弹出效果。显然这在IE6中不起作用，并且它对任何PNG修复代码都不起作用。但是，对于IE6用户，我可以切换到低质量的gif，他们可以处理它。现在，我的问题是，如果用户使用IE6，如何设置live-switch image.png到image.gif？我还没有为这个想法找到合理的解决方案。我可以使用IE6样式表来替换图像 – 但是有几个图像不应该基于CSS的实例。它们应该是正确的图像。有什么建议？我想要某种jQuery替换，但我也没有找到合理的解决方案。

为什么jQuery Mobile 1.1-rc1使用.gif加载图标（再次）？: 在1.0.1中，微调器图标是一个用CSS旋转的png。对于我来说，这在Android 2.x上显得很流畅。在版本1.1-rc1中，他们已将图标从.png更改为动画.gif 在Android上，动画.gifs对我来说很奇怪，在2.2.x和2.3.x上的速度不稳定，并且在2.1.x上不起作用他们为什么要把它从一个改为另一个？没有使用CSS来旋转.png有什么好处，这对我来说似乎更加清晰和顺畅。有谁知道如何在1.1-rc1中实现旧的加载器？

jquery在异步错误时加载图像: 我想给用户提供一个旋转的gif图像，以便在我使用jquery进行ajax调用时知道发生了什么。我必须使用async：false，否则代码会混淆，最终我们会遇到一个错误的会话变量。这就是我所拥有的（直到通话结束后才显示gif。） $(‘#status’ + itemNum).html(“”); if (foo == “bar”) { $.ajax({ type:”POST”, url: “foobar.html”, async:false, data: “val1=” + escape(newValue) + “&val2=” + fieldName + “&val3=” + newValue2 }) } else { $.ajax({ type:”POST”, url: “foobar.html”, data: “val1=” + escape(newValue) + “&val2=” + fieldName + “&val3=” + newValue3 }) document.getElementById(‘status’ + itemNum).innerHTML = “SAVED”; } […]

使用jQuery单击表单提交后显示加载gif: 我只是在提交表单后尝试显示加载gif。我的代码无法正常显示加载gif。您会看到我的gif图像设置为visibility: hidden 。 Username: Password: $(‘.load_button’).submit(function() { $(‘#gif’).show(); return true; });

在hover时动画gif: 我找到了答案，我找到了，但我不知道如何使用它。停止gif动画onload，在mouseover上启动激活 Guffa对这个问题的回答正是我想要的，但我不知道如何使用该代码。我有jquery插件，但是我在哪里放置代码（不是插件; Guffa的答案中的代码）？如何在参考图像时使用它？是否有一个function我必须打电话让它工作？如果是这样，最好的方法是什么？很抱歉提出已经回答的问题，但他的回答不够具体，我无法发表评论，要求他提供更具体的答案。

从JavaScript重新启动动画GIF而不重新加载图像: 我正在使用动画GIF创建动画幻灯片。我正在从一个动画到另一个动画交叉淡入淡出。问题是：我发现确保GIF从第一帧开始动画的唯一方法是每次显示它时重新加载它。每个GIF大约200KB左右，这对于连续幻灯片放映而言带宽太多了。这是我目前的代码。 img和nextimg是标签，每个标签包含一个。 nextimg_img是与要显示的下一个图像对应的标记。 var tmp = nextimg_img.attr(‘src’); nextimg_img.attr(‘src’, ”); setTimeout(function() { nextimg_img.attr(‘src’, tmp); }, 0); img.fadeOut(‘slow’); nextimg.fadeIn(‘slow’); 我们的想法是将下一个图像的src属性设置为” ，然后将其设置回要显示的GIF源。这样做 – 它从头开始重新启动动画 – 但是每次显示GIF时都会重新加载。编辑：这是一个循环幻灯片，我试图避免在他们显示第二/第三/后续时间时从网上重新加载GIF。