草庐IT

图像质量

全部标签

javascript - 停止通过 JavaScript 或 jQuery 在 hashchange 事件上加载图像

我正在使用jQueryBBQ:BackButton&QueryLibrary插件来创建一个页面,当点击一个链接时,它会引入动态内容。单击链接时,哈希值会更改,新内容会被拉入(因此禁用单击href的“默认”操作。)那部分工作得很好,但有一个问题。我的问题示例假设“主页”页面有一个DIV,里面有一些图像和一个链接列表......第一页第二页第三页图像可能需要一段时间才能加载,同时用户通常不会等待它们完全加载并单击“第一页”链接。这会清除“主页”页面的内容并加载“第一页”内容。那很好用。问题是来自“主页”页面的图像仍在浏览器中加载,即使用户已经离开“主页”页面。我知道发生这种情况是因为页面实

javascript - 使用 Jcrop 调整图像大小

我使用JqueryJcrop裁剪我的图像。现在我正在实现一个用于调整图像大小的slider。我希望在同一页面上进行裁剪和调整大小。我是这样做的:$(document).ready(function(){varimg=$('#cropbox')[0];//Getmyimgelemvarorgwidth,orgheight;$("")//Makeinmemorycopyofimagetoavoidcssissues.attr("src",$(img).attr("src")).load(function(){orgwidth=this.width;//Note:$(this).width(

javascript - 预加载图像的更有效方式

什么是预加载图像的更好方法:$.each(['{{MEDIA_URL}}jwplayer/jwplayer.js','{{MEDIA_URL}}jwplayer/jwplayer.js.jgz','{{MEDIA_URL}}jwplayer/player.swf'],function(){$('')[0].src=this;或者:varpreloadImages=['{{MEDIA_URL}}jwplayer/jwplayer.js','{{MEDIA_URL}}jwplayer/jwplayer.js.jgz','{{MEDIA_URL}}jwplayer/player.swf'];

javascript - dataTables jquery - 如何添加排序图像/图标?

我使用dataTablesjquery。我想将排序图像添加到列中,并且图像shd也会在排序时发生变化。也就是说,如果图像显示降序图标并且单击它应该更改为升序图标。如何使用dataTablesjquery完成?我的代码:$("#rates").dataTable({"bPaginate":false,"sScrollY":"250px","bAutoWidth":false,"bScrollCollapse":true,"fnInitComplete":function(){this.css("visibility","visible");},"bLengthChange":false}

javascript - 不要通过 Onload 属性显示损坏的图像

我有一个包含大量图片的网站。其中一些在服务器上丢失了-被所有者删除了。如果图像未加载(损坏),我想显示占位符-标准图像,表示图像丢失。我不想重写所有模板,所以我不能将onError属性添加到每个图像标签,所以我不能使用这个解决方案:jQuery/JavaScripttoreplacebrokenimages是否可以编写全局函数来检查所有图像并替换加载时损坏的图像? 最佳答案 是的,因为您的标签中有jQuery,您可以为此使用jQuery。绑定(bind)onerror所有的处理程序节点:$('img').on('error',fun

javascript - 如何从 Internet Explorer 中的剪贴板获取 base64 编码图像?

我搜索了很多但没有找到从剪贴板获取base64编码的数据。我可以捕获粘贴事件,然后用这个将事件分配给变量clipBoard=e.clipboardData?e.clipboardData:window.clipboardData;Chrome;我可以得到已经粘贴的打印屏幕,就像这样if(clipBoard.types[0]=="Files"){varblob=clipBoard.items[0].getAsFile();varreader=newFileReader();reader.onload=function(event){console.log(event.target.res

javascript - 创建垂直图像轮播

我正在尝试创建一个自定义垂直图像轮播,因为我无法使用任何插件,因为附加到我需要保留的图像的js事件是唯一的方法对我有用的是创建自定义轮播。功能图像轮播在视口(viewport)中确实有3个相同的尺寸。图片轮播确实有下一个/上一个按钮,可让您查看/选择更多图片。下一个/上一个按钮一次只允许一个步骤,这意味着它不会选择下一组图像并将其显示在视口(viewport)中。Carousel让您可以选择视口(viewport)中的任何图像,这将在单击下一个/上一个按钮时同步上面列出的所有功能都已经实现。问题最后一张图片不会在下一个按钮之前捕捉/停止,因为它会在两者之间创建空白。JS代码$(func

javascript - 如何将png图像数据数组转换为视频文件

我正在通过canvas.getDataURL()从canvas获取帧。但是,现在我有一组png图像,但我想要一个视频文件。我该怎么做?varcanvas=document.getElementById("mycanvaselementforvideocapturing");varpngimages=[];...setInterval(function(){pngimages.push(canvas.toDataURL())},1000); 最佳答案 要获得完整的浏览器支持方式,您必须将图像批处理发送到服务器,然后使用一些服务器端程序

javascript - 导出 Google Earth Engine 图像集合中的所有图像 (Google Earth Engine API)

我需要为我的论文下载一堆Landsat图像。我的问题看起来很简单,但我对JavaScript一无所知,文档也没有提供足够的帮助。我已将集合过滤到我的区域和时间段,我想将所有图像分别导出到云端硬盘。集合示例:varsurfaceReflectanceL5=ee.ImageCollection('LANDSAT/LT5_SR');vardateSR5=surfaceReflectanceL5.filterDate('1984-01-01','1985-01-01');varprSR5=dateSR5.filter(ee.Filter.eq('wrs_path',182)).filter(e

javascript - 想要在 src 位置找不到图像时隐藏图像?

jQuery('img').bind('error',function(){alert('hi');jQuery(this).hide();});我已经写了这段代码,但是不可用的图像没有隐藏并且仍然显示十字符号。任何人都可以指出什么可能是错的。我在document.ready下写这个,我也在window.onload下试过。 最佳答案 问题似乎是当您绑定(bind)错误事件时,图像的onerror已经触发。您可以在绑定(bind)事件后通过重置img.src再次触发它。以下适用于IE8、FF和Chrome。$('img').erro