1

重複の可能性:
IE8 jQuery サイクルで画像が消える

JQuery Cycle プラグインを使用するサイトを継承しました。スライドショーは、ホームページと内部ページではわずかに異なります。前者は、含まれている親の子としての img にすぎませんが、後者は、スライドに応じて他のいくつかの要素を含む親の子としての div です。

両方のスライダーは、IE8 以下を除くすべてのブラウザーで問題なく動作します。その場合、ホームページのスライダーはうまく遷移していますが、内側のページのスライダーはフェードアウト/インせず、スライド間に時間のギャップも残っています。

スライダーの HTML は次のとおりです。

<div id="page-panels">
  <!-- Slide 1 -->
  <div>
    <img class="left" src="<?php bloginfo('template_url'); ?>/images/page-slide-1.jpg"
    alt="protecting and providing for you and your family" width="400" height="180"
    />
    <p class="smaller">"Steven developed a thorough plan to meet our complicated needs with a
      blended family and special needs child in a timely manner."
      <br /><span> - &nbsp;Cheryl F.</span>
    </p>
  </div>
  <!-- Slide 2 -->
  <div>
    <img class="left" src="<?php bloginfo('template_url'); ?>/images/page-slide-2.jpg"
    alt="avoiding estate tax and probate costs" width="400" height="180" />
    <p class="bigger">"Mr. Jackson made a tough process easy and painless!"
      <br /><span> - &nbsp;Kyle M.</span>
    </p>
  </div>
  <!-- Slide 3 -->
  <div>
    <img class="left" src="<?php bloginfo('template_url'); ?>/images/page-slide-3.jpg"
    alt="keeping your estate plan current with the law" width="400" height="180"
    />
    <p class="bigger">"Integrity, trust - a rare item - it's <em>here!</em>"
      <br /><span> - &nbsp;Ron F.</span>
    </p>
  </div>
</div>

ページのさらに下には JQuery があります。

<script type="text/javascript">
    jQuery(document).ready(function($) {
        $('#page-panels').cycle({
            timeout:    10000,
            speed:        3000,
            slideExpr:     'div'
        });
    });
</script>

しかし、それはそれを修正しませんでした。

内部ページへのリンクはこちら: http://www.stevenandrewjackson.com/our-unique-estate-planning-process/ ホームページはこちら: http://www.stevenandrewjackson.com/

どんな助けでも大歓迎です。ありがとう。

4

0 に答える 0