0

我已经使用此 msdn文章slideShow.js中提供的方法创建了 Image Slider。

它适用于 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 中可用？请帮忙。

4

1 回答 1

2

slideshow.js 的问题在于它使用window.addEventListener(...)了仅在 IE9、10 和 11 中实现的。因此它在 IE8 中不起作用。

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

MSDN上的 window.addEventListener()

于 2013-11-13T07:37:54.867 回答