我只为我的网站设置了理想的图片滑块,由于某种原因,它只能在我设计的计算机上工作,每当我在另一台设备上查看时,我都会松开导航按钮。我无法理解为什么两个设备都在使用chrome阅读页面。
有人能解决为什么会出现这个问题吗?
<html>
<head>
<link rel="stylesheet" href="CSS/ideal-image-slider.css">
<link rel="stylesheet" href="CSS/default.css">
</head>
<body>
<h1 align="center">Image Slider</h1>
<div id="slider">
<img src="IMAGES/img01.jpg">
<img data-src="IMAGES/img02.jpg" src="IMAGES/img02.jpg">
<img data-src="IMAGES/img03.jpg" src="IMAGES/img03.jpg">
<img data-src="IMAGES/img04.jpg" src="IMAGES/img04.jpg">
<img data-src="IMAGES/img05.jpg" src="IMAGES/img05.jpg">
<img data-src="IMAGES/img06.jpg" src="IMAGES/img06.jpg">
<img data-src="IMAGES/img07.jpg" src="IMAGES/img07.jpg">
<img data-src="IMAGES/img08.jpg" src="IMAGES/img08.jpg">
<img data-src="IMAGES/img09.jpg" src="IMAGES/img09.jpg">
<img data-src="IMAGES/img10.jpg" src="IMAGES/img10.jpg">
</div>
<script src="ideal-image-slider.js"></script>
<script>
new IdealImageSlider.Slider('#slider');
</script>
<form action="edit.php">
<input type="submit" class="btnEdit" value="EDIT" />
</form>
</body>
</html>
滑块代码在这里,因为它太长而无法发布: server2.sulmaxcp.com/ideal-image-slider.js