草庐IT

img_height

全部标签

javascript - 使用 CSS 在 HTML 中模糊 Img 和 Div

是否可以对HTML元素(div和img)应用模糊处理?我只为iPad开发,因此跨浏览器兼容性不是问题,我可以使用HTML5CSS3技术。我知道如何模糊文本,但此CSS不会模糊实际的HTML元素或其边框:text-shadow:008px#000;color:transparent;我用谷歌搜索了这个,但它并没有模糊我浏览器中的图像:filter:blur(strength=50); 最佳答案 Webkit有一个名为-webkit-filter的属性,允许使用模糊技术:-webkit-filter:blur(15px);http://

javascript - react.js 替换 img src onerror

我有一个React组件,它是列表中的详细View。如果图像不存在并且出现404错误,我将尝试用默认图像替换该图像。我通常会在img标签中使用onerror方法,但这似乎不起作用。我不确定如何用React做到这一点。这是我的组件:importReactfrom'react';import{Link}from'react-router';importContactStorefrom'../stores/ContactStore'importContactActionsfrom'../actions/ContactActions';classContactextendsReact.Compo

javascript - Angular 2 : Show placeholder image if img src is not valid

目标:加载带有动态源的图像。如果未找到图像,则改为加载占位符图像。这应该演示我正在尝试做什么,但我不知道如何有条件地设置validImage基于是否是第imgsrc已验证。validImage应该是true如果src="./app/assets/images/{{image.ID}}.jpg"返回图像。否则它会返回false只有第二个img标签应该显示。有明显的变通办法,例如存储所有有效图像源的列表,但我认为有更好的方法来实现这一点。对于在Angular2中实现这一点的最佳方式的任何建议,我们将不胜感激。 最佳答案 处理损坏的图像链

javascript - react img 标签问题与 url 和类

我的JSX文件中有以下简单的React代码:/**@jsxReact.DOM*/varHello=React.createClass({render:function(){returnHello{this.props.name};}});React.renderComponent(,document.body);DOM中的输出如下:HelloWorld我有两个问题:图像URL呈现不正确,呈现为“http://placehold.it/400x20undefined1”'我图片上的类消失了有什么想法吗? 最佳答案 请记住,您的img并

javascript - 可见窗口高度而不是 $(window).height();

有没有办法从iframe中获取整个页面的可见高度,$(window).height()给了我iframe高度? 最佳答案 如果您正在使用框架,您可以通过在jQuery构造函数中使用window.top来获取最外层窗口的高度。window.top的高度将获取浏览器窗口的高度。$(window.top).height();编辑:随着Mozilla移动他们的文档,更新了window.top引用。 关于javascript-可见窗口高度而不是$(window).height();,我们在Stac

javascript - Angular .js : set element height on page load

我是AngularJS新手。我想创建高度取决于窗口高度的网格(使用ng-grid),即。$('.gridStyle').height($(window).height()-100);我写了指令:app.directive('resize',function($window){returnfunction(scope,element){functionapplyHeight(){scope.height=$window.innerHeight;$('.gridStyle').height(scope.height-100);}angular.element($window).bind('

Javascript 设置 img src

我可能遗漏了一些简单的东西,但是当您阅读的所有内容都不起作用时,这很烦人。我的图像可能会在动态生成的页面过程中重复多次。所以显而易见的事情是预加载它并始终使用那个变量作为源。varsearchPic;functionLoadImages(){searchPic=newImage(100,100);searchPic.src="XXXX/YYYY/search.png";//Thisiscorrectandthepathiscorrect}然后我使用设置图像document["pic1"].src=searchPic;或$("#pic1").attr("src",searchPic);但

javascript - 如何使用 JQuery 创建一个新的 img 标签,使用来自 JavaScript 对象的 src 和 id?

我从基本意义上了解JQuery,但对它绝对是新手,并且怀疑这很容易。我在JSON响应(转换为对象)中有我的图像src和id,因此在responseObject.imgurl和responseObject.imgid中有正确的值,现在我想用它创建一个图像并将它附加到一个div(我们称之为。我有点坚持动态构建-我见过的大多数例子都涉及替换现有图像上的src,但我没有现有图像。 最佳答案 在jQuery中,可以通过将HTML字符串传递给构造函数来创建新元素,如下所示:varimg=$('');//Equivalent:$(document

javascript - React.js 上 img 的正确路径

我的React项目中的图片有一些问题。事实上,我一直认为src属性的相对路径是建立在文件架构上的这里是我的文件架构:componentsfile1.jsxfile2.jsxfile3.jsxcontainerimgjs...但是我意识到路径是建立在url上的。在我的一个组件中(例如到file1.jsx中)我有这个:localhost/details/2->workslocalhost/details/2/id->doesn'twork,imagesarenotdisplayed如何解决这个问题?我希望在react-router处理的任何形式的路由中,所有图像都可以以相同的路径显示。

javascript - 创建 img 元素的最佳 JavaScript 代码是什么

我想创建一段简单的JS代码,在后台创建一个图像元素并且不显示任何内容。图像元素将调用一个跟踪URL(例如Omniture),并且需要简单和健壮并且仅在IE6=varoImg=document.createElement("img");oImg.setAttribute('src','http://www.testtrackinglink.com');oImg.setAttribute('alt','na');oImg.setAttribute('height','1px');oImg.setAttribute('width','1px');document.body.appendChi