草庐IT

img_find

全部标签

javascript - <img> onerror 404 图像响应

我正在从服务器加载图像,当存在404时返回图像。也就是说,如果我正在加载的图像不存在,服务器将返回404响应和200x200PNG后备图像,说上面写着“照片不可用”。我想检测客户端发生这种情况的时间。我尝试了onerror属性:此代码仅在服务器的404响应根本没有图像时有效。由于我的404响应确实如此,因此永远不会触发onerror事件。除了使用JavaScript预加载图像之外,是否有解决此问题的方法? 最佳答案 (已更新,@Brad指出了我不知道的明显细节。)我偶然发现了this这似乎正确地触发了onerror():(funct

javascript - 获取 <img/> 的绝对路径

使用Javascript,有没有标准的方法来获取图像的绝对路径?img.getAttribute("src")仅返回在HTML中声明的src属性。 最佳答案 只需执行.src。$('img')[0].src='/images/foo.gif'"/images/foo.gif"$('img')[0].src"http://stackoverflow.com/images/foo.gif"$('img')[0].getAttribute('src')"/images/foo.gif" 关于j

javascript - Angular img src 控制台错误

我正在使用ng-repeat打印所需文件夹中的所有图像,这些图像位于中因为我正在使用fancyBox.这是一个Controller的例子:varParentCtrl=function($scope){$scope.getTimes=function(n){//fortheng-repeatreturnnewArray(n);};};app.controller('projectController',['$scope','$injector',function($scope,$injector){$injector.invoke(ParentCtrl,this,{$scope:$sco

javascript - 如何将点击事件添加到 Ext.Img?

如何将点击事件添加到Ext.Img?varpaddleItem=newExt.Img({xtype:'image',src:"lib/Image/Paddle.png",x:200,y:300,draggable:true,index:0,id:'paddleItem',listeners:{click:function(){Ext.Msg.alert("Message");}},renderTo:Ext.getBody()});这是我的代码,但没有用。请给我一些建议.. 最佳答案 将其绑定(bind)在底层元素上:varpaddl

javascript - 用 jquery 改变 img src

我的html结构是这样的:我正在尝试将文件名从file#-128x79.jpg更改为file#-896x277.jpg。我不知道如何获取动态生成的文件名并搜索和替换src更改。我找到了用“无”替换整个src的方法,以确保到目前为止我做对了,但我不知道如何做其余的事情。$('#something').removeAttr('id').prop('class','some-class').find('img').prop('src','none'); 最佳答案 您可以替换每个img的src,方法是首先使用选择器选择所有图像,然后使用at

javascript - 同构 JS 应用程序中的环境变量 : Webpack find & replace?

我正在使用webpack捆绑同构JS应用程序(basedonthisexample),以便浏览器运行与服务器相同的代码。一切都运行顺利,除了我有一个config.js,其中一些设置是从服务器上的环境变量中提取的:module.exports={servers:auth:process.env.AUTH_SERVER_URL,content:process.env.CONTENT_SERVER_URL}}在服务器上这很好,但是当webpack为客户端呈现时process是空的,这不起作用。我希望有一种“查找和替换”的webpack插件可以单独用该文件中的内容替换它们?"…config.j

javascript - JQuery 通过 ID 更改 <img src =""的值

我需要一些简单的JQuery代码,以便我可以更改特定img的src值。目前是:我需要将其更改为:使用JQuery。 最佳答案 使用:$(function(){...});您可以使用:$('#id').attr('src','newImage.jpg');立即更改图像源。或者,您可以使用jQuery动画来更改图像。JS$("#id1").fadeOut();$("#id2").delay(200).fadeIn();HTML(不要忘记更改#id2的CSS并将display:none作为初始状态)。

javascript - 捕获 net::ERR_NAME_NOT_RESOLVED 以修复错误的 img 链接

我的博客已经运行了10多年,我想在上面运行一段Javascript来捕获损坏的链接。我正在使用:functiontrackError(e){varie=window.event||{};varerrMsg=e.message||ie.errorMessage||"404erroron"+window.location;varerrSrc=(e.filename||ie.errorUrl)+':'+(e.lineno||ie.errorLine);mailme([errMsg,errSrc]);}//Triggeringanerrorintheconsole://Youhavetouse

javascript - 在 jQuery 中使用 find() 而不是 > 作为子选择器是否更有效?

在jQuery中,我认为通过实现1找到具有特定选择器的子DOM会更有效,如下所示:var$dataTable=$('#'+tabId+'>div.container>div.dataTableContainer>table.dataTable');但是我的一个friend告诉我,使用它会更有效率实现2如下:vardataTable=$('#'+tabId).find('table.dataTable');引用otherquestion,我发现实现2的效率可能低于:var$dataTable=$('#'+tabId+'div.containerdiv.dataTableContainer

jquery - Nivo Slide 使用 DIV 而不是 IMG

我发现NivoSlider是我网站的最佳解决方案。但是,我希望它将DIV制作成幻灯片,而不是像默认情况下那样制作IMG。我试图将JS文件中的所有IMG更改为DIV,但当然没有任何运气......谁能帮帮我??/**jQueryNivoSliderv2.0*http://nivo.dev7studios.com**Copyright2010,GilbertPellegrom*FreetouseandabuseundertheMITlicense.*http://www.opensource.org/licenses/mit-license.php**May2010-Pickrandome