重複の可能性:
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> - 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> - 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> - 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/
どんな助けでも大歓迎です。ありがとう。