超级滑块不起作用

时间:2014-10-25 18:09:48

标签: javascript jquery

我是jquery的新手,我在制作全屏幻灯片时遇到了很多麻烦。我试过下载jquery 1.11.1。我已经链接到1.8,1.9和1.11.1。第一张图像显示数字“123”,但它不是动态的。其他两张图片没有显示出来。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>
<head>
<title></title>
<meta http-equiv = "Content-Type" content = "text/html; charset=iso-8859-1"> 
<link href="css/styles.css" rel="stylesheet" type="text/css">

<link rel="stylesheet" type="text/css" href="css/superslides.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
<style></style>

</head>

<body>
<div id="slides">//Slides container to control width
 <div class="slides-container">//suggested form by superslides.com
<img src="images/dsc_0844-8x12.jpg" alt="">
<img src="images/dsc_0785-8x12.jpg" alt="">
<img src="images/dsc_0720-8x12.jpg" alt=""> 
</div>
</div>
<!-- include jQuery -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
//Additional superslides plug-ins 
<script src="scripts/jquery.easing.1.3.js"></script>
<script src="scripts/jquery.animate-enhanced.min.js"></script>
<script src="scripts/application.js"></script>
<script src="scripts/jquery.superslides.js" type="text/javascript" charset="utf-8"></script>

//Initialize slideshow
<script type="text/javascript">
$(function() {
  $('#slides').superslides({
animation: 'fade'
});
  });

</script>

</body>
</html>

1 个答案:

答案 0 :(得分:0)

您对非HTML注释的使用可能没有帮助,因为您实际上是使用文本节点污染DOM,而幻灯片脚本可能不具备弹性。

HTML中的注释如下所示:

<!-- Initialise slideshow -->

不是这个:

// This is a JavaScript comment