javascript - SlidesJS插件不起作用

我正在尝试使用Slidesjs插件在我的网站上创建幻灯片，但是由于某些原因它无法正常工作。

    <!--Javascript-->
  <script type="text/javascript" src="//code.jquery.com/jquery-1.11.3.min.js"></script>
  <script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
  <script type="text/java" src="jquery.stellar.min.js"></script>

  <script src="jquery.slides.min.js"></script>

  <script>
    $(function(){
      $("#slides").slidesjs({
        width: 940,
        height: 528
          });
        });
  </script>

<!--Javascript-->

<div id="slides">
                    <img src="http://placehold.it/940x528">
                    <img src="http://placehold.it/940x528">
                    <img src="http://placehold.it/940x528">
                    <img src="http://placehold.it/940x528">
                    <img src="http://placehold.it/940x528">
                  </div>

最佳答案

尝试：

<!--Javascript-->
<script type="text/javascript" src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="jquery.stellar.min.js"></script>

<script type="text/javascript" src="jquery.slides.min.js"></script>

<script>
$(function(){
  $("#slides").slidesjs({
    width: 940,
    height: 528
      });
    });
</script>

<!--Javascript-->

<div id="slides">
                <img src="http://placehold.it/940x528">
                <img src="http://placehold.it/940x528">
                <img src="http://placehold.it/940x528">
                <img src="http://placehold.it/940x528">
                <img src="http://placehold.it/940x528">
              </div>

要么：

<!--Javascript-->
<script type="text/javascript" src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="jquery.stellar.min.js"></script>

<script type="text/javascript" src="jquery.slides.min.js"></script>

<script>
$(function(){
  $("#slides").slidesjs({
    width: 940,
    height: 528
      });
    });
</script>

<!--Javascript-->

<div id="slides">
                <img src="http://placehold.it/940x528">
                <img src="http://placehold.it/940x528">
                <img src="http://placehold.it/940x528">
                <img src="http://placehold.it/940x528">
                <img src="http://placehold.it/940x528">
              </div>

甚至使用您可以使用的最新脚本库，以便将来可以做更多

在firefox中使用Developer工具（我更喜欢一个，但您可以使用另一个）来查看脚本中有什么冲突，它确实可以帮助您适应类似的情况