Я создал слайдер изображений с помощью slideShow.js
как указано в этой статье slideShow.js
.
Он работает в 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? Пожалуйста помоги.
Проверьте эту ссылку для своего решения,
Этот слайдер работает отлично в IE8, а также в хроме, FF и т.д.
Проблема с slideshow.js заключается в том, что он использует window.addEventListener(...)
который реализован только в IE9, 10 и 11. Поэтому он не будет работать в IE8.
Для слайд-шоу я предпочитаю цикл jQuery.
window.addEventListener() в MSDN