草庐IT

图像梯度

全部标签

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 - CSS:如何将彩色图像转换为灰色或黑白图像

这个问题在这里已经有了答案:关闭10年前。PossibleDuplicate:ConvertanimagetograyscaleinHTML/CSS我怎样才能像这样将彩色图像变成灰色或黑白图像website用CSS?它可以单独在CSS上完成还是我需要JavaScript(jQuery)?谢谢。编辑:谢谢大家的回答。我注意到诀窍是制作两张不同的彩色图像——一张是全彩色的,另一张是黑白的。我希望这可以在一张图片中完成。所以除了“绝招”之外没有办法做到这一点??

javascript - 拖动以像在 iPhone 中一样使用 jQuery 更改图像幻灯片

我正在为我的站点使用超大型jquery插件。它带有下一张和上一张幻灯片的按钮。我想在其中实现拖动更改功能。如果有人点击并将鼠标向右移动,它应该充当下一张幻灯片按钮。但是我如何使用jquery来实现呢?我怎么知道用户何时单击n向左/向右拖动http://buildinternet.com/project/supersized/ 最佳答案 jQuery将mouseUp、mouseDown和mouseMove识别为事件。您必须在mouseDown上捕获鼠标位置,在它移动时更新位置并将其与您最初捕获的位置进行比较。虽然这是高度理论化的,但请

javascript - 如何知道是否已使用 javascript 加载图像

我正在编写一个显示相册的网站,该页面正在加载缩略图并在每张图片完全加载之前应用白色叠加层。我在本地对此进行了编码,它工作正常。但是在我的服务器上上传文件并加载页面会带来一些显示错误,一些白色覆盖不会淡出,因为jQueryload函数没有被触发,因为图像在加载和应用脚本之前加载.解决方案是仅在执行jQuery脚本时仍在加载的图像上应用白色覆盖。我的问题是如何知道页面中的特定元素是否仍在获取或已完全呈现在屏幕上?注意:这是页面http://www.benjamindegenne.com/portfolio/numeric/upper-playground/ 最佳

javascript - 防止图像在 AngularJs 中渲染

我有这个jsFiddle:http://jsfiddle.net/HMZuh/1/其中包含此htmlshowimage和这个脚本:functionShowHideController($scope){$scope.showMe=false;$scope.imageSource='';$scope.showImage=function(){$scope.showMe=true;$scope.imageSource='https://www.google.com/images/srpr/logo3w.png';}}我收到404,当源尚未设置时找不到图像,当showMe为false时有什么方

javascript - 在 FabricJS 中,更改图像元素的 src 会更改该对象的所有属性

在Fabric.jsCanvas中,我试图将图像对象的src替换为高分辨率图像,以便在使用canvas.toDataURLWithMultiplier时保持图像质量。当我更改图像对象的src时,它的所有属性也会更改。图像对象会自动缩放到不同的大小,并且所有状态属性都会更改。这是从版本0.9.15开始发生的。当我使用0.8.32版本时,它可以工作。0.8.32版本没有这个问题。代码如下:ChangeImagecanvas=newfabric.Canvas('canvas');fabric.Image.fromURL("http://timeplusq.com/dakshin/clip03

javascript - 在发送请求之前更改图像的 src

我对这个问题做了很多研究,但没有成功。基本上我想做的是:1)用占位符替换所有图像的src-属性,例如'blank.gif'2)添加带有原始图片位置的HTML5data-original属性3)Lazyload图像(它需要数据原始属性才能正常工作)我没有成功的尝试:1)附加此事件监听器document.addEventListener('beforeload',doBeforeLoad,true);有了这个功能functionbeforeload(){varblank='image/location/images/blank.gif';$('img').each(function(){v

javascript - 定义图像的一部分并分配给悬停、单击事件

假设我们有一张人体图像,我希望当用户将鼠标悬停在body​​的一部分(头部、ARM等)上时,这个器官会变成绿色,并且当他点击时会发生定义的Action。使用javascript可行吗?如果是的话,概念是什么?问题原因:目标:这是现有项目的一小部分,用户可以在其中输入他的病史,所以我想给他一个下拉菜单,所有器官只显示一个人类模型,他点击并保存他的tramua历史等。要做到这一点,我想我需要一个人体图像,并定义该图像上表示的每个器官的X-Y边界,并为其赋予一些属性(名称)。用户悬停:例如器官显示的边界和背景颜色为绿色当用户点击时,它会调用该对象表单。js-jquery中是否存在类似的东西?

javascript - 使用网络摄像头捕捉图像

我正在使用Asp.netMVC4开发一个项目。我需要用网络摄像头拍照。此应用程序应该可以配置为任何平板电脑。目前在台式机上运行该应用程序,在平板电脑上没有。我正在使用jscam.swf和jscam_canvas_only.swf。在平板电脑上,我在这些设备上使用SamsungGalaxy安装adobeflashplayer无法正常工作...有人知道其他一些拍照技术,或者如果有人可以帮助我解决这个问题,我将不胜感激 最佳答案 Flash在Android平板电脑上的支持有限,在iOS设备上不支持。更好的解决方案可能是转向100%HTML