幻灯片.js在IE 8中不起作用

SlideShow.js is not working in IE 8

本文关键字：不起作用 IE js 幻灯片      更新时间：2023-09-26

我已使用slideShow.js创建了图像滑块，如此msdn文章中提供的那样。

它在IE 9和IE 10中工作，但在IE 8中不起作用。

我的代码如下： 

    <head>
      <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
      <title>Slide Show</title>
      <style type="text/css">
        .size
        {
            height: 300px;
            width: 500px;
            position: relative;
        }
        .lab
        {
            background-color: rgba(0, 0, 0, 0.5);
            color: #FF0000;
            height: 80px;
            line-height: 20px;
            margin-top: 200px;
            padding: 10px;
            position: absolute;
            width: 480px;
            z-index: 100;
        }
      </style>
    </head>
    <body>
        <div>
            <label class="lab">This is Label</label>
          <div id="slideShowImages">
            <img src="Sample Images/1.jpg" alt="Slide 1" class="size" />
            <img src="Sample Images/2.jpg" alt="Slide 2" class="size"/>
            <img src="Sample Images/3.jpg" alt="Slide 3" class="size"/>    
            <img src="Sample Images/4.jpg" alt="Slide 4" class="size"/>
          </div>  
        </div>
      <script src="slideShow.js"></script>
    </body>
    </html>

我应该怎么做才能使幻灯片在IE 8中可用？请帮忙。

幻灯片.js的问题在于它使用仅在IE9,10和11中实现的window.addEventListener(...)。因此，它在IE8中不起作用。

对于幻灯片，我更喜欢jQuery Cycle。

window.addEventListener（） on MSDN

相关文章：