-3

正しく表示するために、このページの画像のwidth=""とheight=""を指定する必要があるのはなぜですか?このリストにある、薄暗い部分が指定されていない画像は表示されません。指定する必要がないようにできますか?

ありがとう!

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

http://jsfiddle.net/ZTDjf/- この画像で強調表示されているビットを削除します:http://i.imgur.com/SquKx.png- 結果がその画像をどのように隠すかを確認しますか?何故ですか?

4

2 に答える 2

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>
于 2012-07-02T18:04:48.380 に答える
0

プラグインを「ready」ではなく「load」ハンドラーで実行するだけだと思います。

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

「準備完了」で実行すると、画像はまだ読み込まれていないため、プラグインは画像の大きさを認識しません。

于 2012-07-02T18:09:47.080 に答える