我已使用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