宽度=“”和“高度”“在IMG上扰乱了它们的可见性

width="" and "height"" on img messing their visibility

本文关键字：乱了 可见性 IMG 高度 宽度      更新时间：2023-09-26

为什么我需要指定此页面上图像的宽度="和高度="才能使其正确显示？此列表中未指定其调光的图像不可见。我可以做到不需要指定吗？

谢谢！

http://www.rollinleonard.com/elements/index-new.php

http://jsfiddle.net/ZTDjf/-删除此图像中突出显示的位：https://i.stack.imgur.com/AiZCr.png-看看结果如何隐藏该图像？为什么？

我认为jquery.hover_caption.js取决于您为图像指定的宽度和高度。

它将采用宽度和高度值，并应用于插件动态创建的父 DIV。

如果您不指定图像的宽度和高度，插件将不知道它应该为父div 放置什么高度/宽度<div style="width: 0px; height: 0px;">。

这就是图像不显示的原因。

请参阅下面的 HTML 标记：

<div style="width: 0px; height: 0px;"><h3 class="hover_caption_caption" style="padding: 0px; color: white; width: 0px; font-size: 18px; position: absolute; margin: 0px; display: none;">SPR scene 7.1 2011</h3><img title="SPR scene 7.1 2011" src="zzzthumbs/spr-scene7.1.jpg" style="z-index: -1; position: relative; font-weight: bold;"></div>

我认为您所要做的就是在"加载"处理程序中运行插件而不是"就绪"。

<script>
  $(window).load(function() {
    $('img').hover_caption();
  });
</script>

当您在"就绪"状态下运行时，图像尚未加载，因此插件不会知道它们有多大。

相关文章：