Question

为什么我需要在此页面上指定图像的width =“”和height =“”才能使其正确显示？此列表中未指定其dims的图像不可见。我可以这样做，以便我不需要指定吗？

谢谢！

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

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

Answer 1

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

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

如果你没有指定图像的宽度和高度，插件将不知道它应该给父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>

Answer 2

我认为您所要做的就是在“加载”处理程序中运行插件，而不是“准备好”。

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

当你在“准备好”时运行它时，图像将不会被加载，因此插件将不知道它们有多大。

width =“”和“height”“在img搞乱他们的能见度

2 个答案: