0

各スライドに画像オーバーレイを配置しようとするまで、すべての背景画像が読み込まれます。ulにタグを付けると問題が発生しますid="supersized"

これを行うと、スライド 1、2、および 9 の背景画像のみが読み込まれます。3-8 は、背景色とオーバーレイ画像のみを示しています。

firebug で問題を特定しましたが、修正方法がわかりません

<ul id="supersized" class="quality" style="visibility: visible;">
<li class="activeslide">
<div class="overlay-holder">
<div class="img">
<img src="../../images/homeimg.png" style="width: 1024px; left: 0px; top: -187px;">
</div>
</div>
<a target="_blank">
<img src="http://schochink.com/IMG_21562.jpg" style="width: 1024px; left: 0px; top: -188.5px; height: 686.08px;">
</a>
</li>
<li class="activeslide">
<div class="overlay-holder">
<div class="img">
<img src="../../images/aboutimg.png" style="width: 1024px; left: 0px; top: -101.5px;">
</div>
</div>
<a target="_blank">
<img src="http://schochink.com/IMG_26922.jpg" style="width: 1024px; left: 0px; top: -    188.5px; height: 686.08px;">
</a>
</li>
<li class="activeslide">
<div class="overlay-holder">
<div class="img">
<img src="../../images/homeimg.png" style="width: 1024px; left: 0px; top: -187px;">
</div>
</div>
</li>

これが私の実際のhtmlです。上記はfirebugが私に示したものです

<ul id="supersized">
  <li class="">
    <div class="overlay-holder">
        <div class="img">
        <img src="../../images/homeimg.png" />
        </div>
    </div>
  </li>

  <li class="">
    <div class="overlay-holder">
        <div class="img">
        <img src="../../images/aboutimg.png" />
         </div>
     </div>

  </li>
  <li class="">
    <div class="overlay-holder">
        <div class="img">
            <img src="../../images/Untitled-2.png" />
        </div>
    </div>
  </li>

  <li class="">
    <div class="overlay-holder">
        <div class="img">
        <img src="../../images/homeimg.png" />
        </div>
    </div>

  </li>
  <li class="">
  <div class="overlay-holder">
        <div class="img">
        <img src="../../images/homeimg.png" />
    </div>
  </div>

  </li>
  <li class="">
  <div class="overlay-holder">
        <div class="img">
        <img src="../../images/homeimg.png" />
    </div>
  </div>

  </li>
  <li class="">
  <div class="overlay-holder">
        <div class="img">
        <img src="../../images/homeimg.png" />
    </div>
  </div>

  </li>
  <li class="">
  <div class="overlay-holder">
        <div class="img">
        <img src="../../images/homeimg.png" />
    </div>
  </div>

  </li>
  <li class="">
  <div class="overlay-holder">
        <div class="img">
        <img src="../../images/homeimg.png" />

        </div>
  </div>
  </li>
</ul>

私はjqueryにかなり慣れていませんが、これがアンカータグを追加するものだと思います。間違っていたら訂正してください

/* Place Supersized Elements
----------------------------*/
$(document).ready(function() {
    $('body').append('<div id="supersized-loader"></div><ul id="supersized"> </ul>');
});
4

1 に答える 1

0

div が閉じられていないため、問題が発生している可能性があります。

更新: まず、同じ ID を持つ 2 つの要素がページにあります: 「スーパーサイズ」。これが見えますか？ロード後に要素を調べて確認します。また、.png-s は正しく読み込まれていますが、homeimg.png の背景は透明であるため、背景色が表示されます。

于 2012-07-20T07:44:44.573 に答える