jQuery баннер слайдер отображает пустой слайд после каждого действительного слайда - только IE - PullRequest
Новая
       28

jQuery баннер слайдер отображает пустой слайд после каждого действительного слайда - только IE

1 голос
/ 16 декабря 2011

Опять же, Internet Explorer - это то, что доставляет мне неприятности.
Баннерлайдер отлично работает в 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>
...