可能重复:
在 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/
任何帮助将非常感激。谢谢。