Tag: animated gif

需要用javascript（mimic gif）和jpgs创建动画: 我有一大堆来自旧flash动画的jpeg。他们的名字从1000.jpg到1092.jpg按顺序播放。我尝试用这些图片创建一个.gif动画，但是gif只是很大而且质量太差了。这就是为什么我尝试使用jQuery动画那些jpeg来模仿这个gif动画。这是我在stackoverflow上找到的代码 $(“#logo”).click(function() { var $logo = $(this), src = $logo.attr(“src”); var index = src.indexOf(‘.jpg’); var step = +src.slice(index-4, index); function frame() { step++; if(step < 93) { var newSrc = src.slice(0, index-4) + step + ".jpg"; console.log(newSrc); $logo.attr('src', newSrc); setTimeout(frame, 50); } } frame(); }); 但它不起作用……动画时间各为0.03秒，我的照片为“img id =”logo“src =”images / 1000.jpg“/”（肯定是用）但它是没有工作或改变src。 […]

如何使用javascript从动画gif中提取帧？: 有没有人有一个简单的解决方案，使用JavaScript从gif中提取帧？我知道一些在线工具，如Ezgif和Gif-explode ，但我想知道这是否也可以使用javascript？

base64编码动画gif作为CSS背景？: 我有一个动画gif编码到我的CSS中如下： .magicBg { background-image: url(data:image/gif;base64,R0lGODlhAQBkAPcAAAAAAAEBAQICAgMDAwQEBAUFBQYGBgcHBwgICAkJCQoKCgsLCwwMDA0ND … } 这个动画gif被编码为播放一次。然而，一旦这个动画gif作为元素的背景播放一次，它就再也不会播放了。运用 $(‘body’).removeClass( ‘magicBg’ ); $(‘body’).addClass( ‘magicBg’ ) 没有效果 – 我们从gif的最后一帧开始。有没有想法如何在每次添加课程时从头开始播放？不幸的是，另一个答案建议使用一些随机url参数从服务器重新加载gif。唉，这对我的情况不起作用，因为我将图像编码到css本身。你能为base64数据添加随机日期戳吗？

如何判断gif是否已使用jquery完全动画化: 如果我有一个动画gif只运行一个动画，IE。它没有循环，有没有办法使用jquery，或任何事情，告诉动画何时完成？我不想告诉文件是否完全加载，但是动画已经运行了。

如何使用wordpress在点击（如9GaG.com）上播放GIF？: 我需要在wordpress网站上实现这个“gif播放器”，因为gif页面高达6mb，所以性能真的很糟糕我已经阅读了这个Onclick使用jQuery播放GIF图像并从头开始也是这个如何从开始onclick函数播放动画GIF几乎是一个解决方案，但我不知道如何在每个条目中使用wordpress 9gag.com做得很好; 显示预览图像，再现gif onclick，并在再次单击时停止gif。如果再次单击，则从头开始播放gif 我如何用wordpress实现这一目标？

加载微调器gif图像卡住了: 我有一个6kb动画gif加载微调器。当我在浏览器窗口中打开它时，旋转很好。但是当它在我的网页上的ajax调用打开时，它就会卡住。它准时出现，并且准时消失，但不会旋转。有任何想法吗？这是jquery代码： $(‘#please-wait’) .css(“visibility”, “visible”)//.hide() .ajaxStart(function() { $(this).css(“visibility”, “visible”); }) .ajaxStop(function() { $(this).css(“visibility”, “hidden”); }); 要么 $(‘#please-wait’) .show() .ajaxStart(function() { $(this).show(); }) .ajaxStop(function() { $(this).hide(); }); 有任何想法吗？

重新启动gif动画而不重新加载文件: 是否可以在不下载文件的情况下重新启动gif动画？我当前的代码如下所示： var img = new Image(); img.src = ‘imgages/src/myImage.gif’; $(‘#id’).css(‘background-image’, ‘url(“‘ + img.src + ‘?x=’ + Date.now() + ‘”)’ ); 编辑当我将gif插入dom时，它没有重新启动gif动画。我只能通过在图像src中附加一个随机字符串来实现这一点，但这会再次下载图像。我想知道是否可以重新启动gif动画而无需下载gif。

从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。