草庐IT

animated-gif

全部标签

ruby-on-rails - 使用载波获取gif中的第一张图像

我使用载波上传gif效果很好,当我尝试生成拇指版本并将gif转换为jpeg时出现问题,只有gif中的第一张图像作为拇指,我得到一个错误:LocalJumpErrorinImagesController#createnoblockgiven(yield)app/controllers/images_controller.rb:21:in`new'app/controllers/images_controller.rb:21:in`create'请求参数:{"utf8"=>"✓","authenticity_token"=>"lPEjP1WtPxFdizL2/FAWGHzOZPtecb5n

ruby - Carrierwave + MiniMagick - 如何将动画 GIF 压缩到第一帧?

有人知道如何使用Carrierwave+MiniMagick将动画GIF压缩到第一帧吗? 最佳答案 我认为MiniMagick有一些变化,因为我只花了三个小时试图找出为什么Andrey的代码对我不起作用。我收到以下错误:ActiveRecord::RecordInvalid(Validationfailed:ImageFailedtomanipulatewithMiniMagick,maybeitisnotanimage?OriginalError:Command("mogrify-scene/var/folders/0o/0oqN

javascript - 动画图像在长时间的 Javascript 方法调用期间不动

在运行10秒向html添加一些元素的方法中,动画gif根本没有移动,给人一种网页卡住的感觉。任何解决办法。示例代码:$('#button).click(function(){showAnimatedGif();longRunningMethod();hideAnimatedGif();});解决此问题的一种方法是将长时间运行的方法分解为多个步骤并以这种方式设置动画,但是您必须以这种方式为每个长时间运行的方法编写代码。想知道是否还有其他方法可以做到这一点? 最佳答案 确保动画实际发生的唯一方法是让longRunningMethod定期

javascript - Jquery/Javascript 不激活 gif 图像(仅限 Firefox)

首先要提到的是我的代码在IE8和谷歌浏览器中工作。只有在Firefox下我有问题,在Ubuntu和WinXP下测试它与FF相同的问题。我正在尝试在刷新页面时显示ajaxloadergif图像。一开始我使用jquery.ready()函数来隐藏将显示图像的div#refreshing。当我们点击刷新链接时,我会显示div#refreshing。我的问题是ajaxloader.gif没有转动就像它应该成为一个固定图像一样。但如前所述,它可以在chrome和IE下运行。知道为什么吗?HTML:RefreshingRefreshCSS:#refreshing{font:14pxVerdana,

javascript - 错误 : Zeptojs Animate Is Not A Function

zeptojs文档here当我使用$().animate函数时抛出如下错误:TypeError:$(...).animate不是函数而我使用的版本是页面提供的。 最佳答案 $(...).animate在zeptofx模块中。它不再在zepto的基本主要发行版中!http://zeptojs.com/#modules 关于javascript-错误:ZeptojsAnimateIsNotAFunction,我们在StackOverflow上找到一个类似的问题:

javascript - Chrome 开发者工具中是否有 "pause animation"功能的键盘快捷键? (F12)

Chrome的开发者工具中有一个很棒的功能,允许您暂停动画并控制它们的速度,但问题是它们是鼠标控制的按钮。有时我需要暂停动画而不实际移动鼠标光标来检查悬停激事件画中的某些内容,所以我不能真正使用暂停按钮。该动画暂停按钮是否有键盘快捷键,这样无论我在做什么,我都不需要将光标移开? 最佳答案 如前所述,没有用于暂停动画的键盘快捷键,但我发现了下一个最好的方法:当光标位于带有悬停激事件画的元素。这不会停止已经运行的动画,但会阻止在检查时进一步触发鼠标激活的动画,这可能足以检查一个元素。 关于j

javascript - 在 node.js 中使用 graphicsmagick 提取 gif 帧

我正在尝试使用node.js上的graphicsmagick将gif转换为png。在他们的文档中,他们有以下代码://pulloutthefirstframeofananimatedgifandsaveaspnggm('/path/to/animated.gif[0]').write('/path/to/firstframe.png',function(err){if(err)print('aaw,shucks')})但是如果我不是从文件而是从流或缓冲区读取数据怎么办?在那里我不必提供路径,因此无法附加[0]。我需要的是这样的:gm(streamOrBuffer).extractFra

javascript - 如何在不使用 css 转换的情况下将 jQuery animate 与 css3 属性结合起来?

在这个例子中;我正在尝试使用css3旋转属性创建一个jQuery动画。我可以用css3transition和jQuerycss()来管理这个动画,但我想用jQueryanimate()来根据旋转deg值来做这个到我的jQuery变体。是否可以在jQuery1.8.0中使用带有css3属性值的动画?HereisjsFiddletoinspect.jQuery:varrotateVal=90;//thismethodisn'tworking$('.red').animate({'transform':'rotate('+rotateVal+'deg)'},500);//thiswaywor

javascript - Jquery 自动加载 gif 和按钮在提交点击时禁用

是否可以自动显示/隐藏ajax加载gif,同时禁用/启用提交按钮?(当提交按钮是样式化的而不是输入类型=提交时)目前提交时我这样做:$("#save_button_id").click(function(){if($('#save_button_id').hasClass('ui-state-disabled'))returnfalse;Save();});functionSave(){StartAjax($("#save_button_id"));$.ajax({success:function(data){EndAjax($("#save_button_id"));//etc...

javascript - jquery: this.not (':animated' ) && that.is (':visible' ) 不遵守规则,语法问题?只有几行代码

当我点击#button时,它仍在执行'dosomething',即使.wrapper是动画并且.wrapperspan不可见。所以它不遵守规则。怎么了?$('#button').click(function(){if($('.wrapper').not(':animated')&&$('.wrapperspan').is(':visible')){//dosomething}}) 最佳答案 如果没有if语句,这样会更简洁一些。workingdemo$('#button').click(function(){$('.wrapper')