草庐IT

img_height

全部标签

javascript - JQuery 根据你点击的位置设置 img src

我使用javascript在我的网站上加载图片,具体取决于您单击了ul中的哪些“小”照片...我有类似的东西:functionviewImage(src,legende){document.getElementById("imageBig").src="images/photos/"+src;document.getElementById("legend").innerHTML=legende;}在html中简单地:像这样的事情:LaPéricholeàl’OpéraComique')">所以你看,我可以根据你点击了无序列表中的哪些

CSS:使一个中央 div 的高度扩展以填充 FIXED-HEIGHT 容器中剩余的内容

抱歉,这是另一个CSS高度“100%”(有点)的问题...我有这样的布局:---------------.|Containingdiv|Containingdiv'sheightisFIXED|.-----------.|(say400pxforsimplicity)||Innerdiv1||Innerdiv1hasheightfixed(say50px)|'-----------'|Innerdiv3hasstatic-but-unknowncontent,|.-----------.|heightnotknownatrendertime||Inner||InnerVariableD

html - CSS: max-height: 剩余空间

此图像中描述了问题:编辑:第一个包含的div应该始终可见。第二个是在主div完全填充时隐藏其剩余内容。DynamicajaxcontentDynamicajaxcontent这是一个fiddle到目前为止我所拥有的。 最佳答案 现在是2019年,我们可以利用flexbox来实现这一点。在内容可以灵活扩展的情况下,使用position:absolute固定内容的高度和宽度,使其支持溢出。HTMLLoremIpsumissimplydummytextoftheprintingandtypesettingindustry.CSS.wrap

html - 当无法显示 img 时应该发生什么?

当无法显示img时,浏览器应该做什么?官方消息来源故意含糊其词。他们说应该使用替代文本,但他们没有说如何!所以除非我搜索得不够好(而且我做了很多谷歌搜索。我什至狂欢了!)这个信息不存在。浏览器的功能差异很大。如果图片因为不存在而无法加载,Mozilla将内联替代文本显示为当前文本的一部分IE将替代文本显示为内联block,前面是“损坏的图像”图标,并使用不同的字体Chrome还显示了一个内联block和“损坏的图像”图标,并在其周围放置了一个边框。不过它不会更改字体。Thisismynewcar.Andthat'sit.现在,如果您将浏览器的设置更改为不加载图像,大多数浏览器的行为都会

javascript - 在页面加载时激活 jQuery img 和文本操作

我已经构建了一个小的bootstrap3缩略图文本和img操作,现在我有一个关于如何在页面加载时激活它的问题,具体来说我希望#anime1在加载时激活页面加载。看看这个manipulation例子。您会看到我在那里显示了一堆缩略图,但是当您与操作交互时,它会显示您需要查看的所选navbar标题的所有内容。那么我怎样才能在页面加载时激活它呢?$(function(){$('#anime1').click(function(){$('.column').each(function(){$(this).hide(500);});$('.columns').each(function(){$(

<IMG> 上的 CSS 背景颜色使用外部 SVG 作为 SRC

我有一个SVG正方形,中间有一个形状切口(想想曲奇刀)。SVG在Illustrator中创建,形状的边缘延伸到画板的边缘。形状的颜色与背景颜色相同。要更改SVG形状的颜色,我只是在CSS中更改IMG的背景颜色。这工作正常,但是您会注意到形状外有半像素颜色泄漏,就好像它是边框一样。根据指定给IMG的大小,边框会消失或重新出现。关于如何摆脱它的任何线索?工作示例:http://jsfiddle.net/ja6Tx/HTML:CSS:body{background:#252525;}img.logo{background:yellow;}更新:我决定以更简单的形式重现该问题,以排除任何像素小

html - tinymce,图像调整大小,使用 css 代替 <img width & height>

我使用这个很棒的工具tinyMCE在我的网站上编辑页面。但是我在调​​整图像大小方面遇到了问题。是否可以改变tinyMCE改变图像大小的方式?现在,软件会更改..中的宽度和高度。但是这个设置被CSS覆盖了。(我在CSS中有一些通用的img设置,宽度、高度:自动和页面居中。)如果用户为图像定义尺寸,我希望这个新尺寸覆盖一般的css。但是使用img参数宽度和高度。这是不可能的。CSS覆盖它们的值。所以。我想让tinyMCE通过CSS改变图片的大小。这可能吗?例如:(大小是通过将图像的一Angular拖动到您想要的大小来设置的。而不是在htmlhtml代码中进行编辑。)感谢阅读。哑光

html - 是否可以检测图像是否已通过 img src ="... vs address bar/"作为文档加载”?

是否可以通过以下方式检测图像是否已加载:与地址栏中的或直接链接到:Image谢谢。 最佳答案 不,一般情况下不是。浏览器将为两者发出完全相同的请求。当浏览器解析HTML(首先得到)时,将单独请求每个额外的资源(JavaScript、CSS、图像和其他链接文件)。浏览器不会添加有关从何处获取引用的信息-因此无法根据请求判断它是直接在地址栏上还是来自HTML页面上的引用。您可以查询日志以查看请求是否完全独立,或者对HTML页面(以及可能的其他资源)的请求是否已在大约同一时间完成。这并非万无一失(想想我们在网络上拥有的多级缓存)。

javascript - jQuery 将一个 div 的高度设置为另一个的 'dynamic height'

我有两个div。Content每一个里面都有他们尊重的内容。我正在尝试将col-2的高度设置为与col-1的高度完全相同。我用jQuery试过这个:$(document).ready(function(){vardivHeight=$('.col1').height();$('.col2').css('min-height',divHeight+'px');});问题是col-1没有设置高度。它有一个动态高度,随着内容的增加而增加。因此上面的代码不适用于它。有什么方法可以使用jQuery将col-2的最小高度设置为等于col1的动态高度? 最佳答案

html - 如何使链接与 Bootstrap v4 中的 card-img-overlay 一起工作

我遇到一个问题,任何使用card-img-overlay在图像上显示文本的Bootstrapv4卡都会阻止该图像下方的链接工作。这些链接确实有效:TitleCardlinkArticleTextDate-Author这些链接不起作用:TitleCardlinkArticleTextDate-Author我看到关于bootstrapv4有一个Unresolved问题,但是任何人都可以提供一个可以保持相同外观的解决方法吗? 最佳答案 叠加层是position:absolute,它为该元素提供了一个z-index,卡片中的其余内容是静态的