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