没有运气的图像滑块

我一直在使用http://responsiveslides.com/的图像滑块，因为它很简单，这正是我所追求的。

对于滑动条我们有HTML

<ul class="rslides">
  <li><img src="1.jpg" alt=""></li>
  <li><img src="2.jpg" alt=""></li>
  <li><img src="3.jpg" alt=""></li>
</ul>

CSS

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }
.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }
.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }
.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }

JS

<script>
  $(function() {
    $(".rslides").responsiveSlides();
  });
</script>

http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js

我觉得主javascript文件太长了，不能放在这里，所以如果你可以通过源代码代替，我很感激，但提前道歉。由于声誉问题，我也不能发布。

现在我使用的滑块已经布局好了，我遇到的问题是，当我把HTML粘贴到body中时，我的最终结果是image #1没有任何移动，所以基本上只是想找出原因。

我之前通过Stackoverflow研究了一个类似的问题，并看到了对javascript函数的小脚本标签所做的更改，但是我更新了这些问题，它从未改变过任何东西。

另一件事要说的是，当我检查控制台时，它显然声明responsiveSlides不是一个功能，但当我在本地检查控制台的原始滑块时，它是全功能的，控制台没有错误。

任何支持将不胜感激，这是繁琐的，希望这是一个简单的问题。

问候。