jQuery bannerslider在每个有效幻灯片后显示空白幻灯片 - 仅限IE

时间:2011-12-16 18:18:32

标签: jquery slider division banner

Internet Explorer再次给我带来麻烦 bannerlider在Firefox,Chrome和Safari中完美运行,但在IE浏览器中,每张好幻灯片后我都会得到一张空白幻灯片。如果我取出每张幻灯片的链接,空白幻灯片将消失,但随后图像无法点击,这就是我想要的。 这就像IE看到另一个不存在的div。我已经三次检查了div,我没有看到任何问题,但我必须遗漏一些东西 非常感谢帮助。这是代码:

<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />

<link rel="stylesheet" href="jquery.bannerslider.css" type="text/css">
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.bannerslider.js">    
</script>
</head>

<body>
<script type="text/javascript">
$(function(){
    $("div.bannerslider").bannerslider({
    showNumbers:true,
    showArrows:true,
        subtitleAttr:'title',
    itemAnimation:'fade',
    autoAdvance:5000,
    pauseOnHover:true,
    animationPeriod:1000,
    bottomOpacity:0.5,
    nextButton:'&raquo;',
    prevButton:'&laquo;'
    });
});
</script>

<div class="bannerslider" style="margin:auto;">
    <div class="items">
    <div class="item" style="z-index:2;" title="Click for Info" alt=""><a href="info.pdf" target="_blank"><img src="banners/info.jpg"></div>
    <div class="item" style="z-index:2;" title="Click for the Schedule" alt=""><a href="sched.pdf" target="_blank"><img src="banners/sched.jpg"></div>
    <div class="item" style="z-index:2;" title="Read About the Program" alt=""><a href="program.pdf" target="_blank"><img src="banners/program.jpg"></div>
    </div>
</div>

</body>
</html> 

0 个答案:

没有答案