滑块不滚动图像

时间:2014-04-14 09:56:21

标签: javascript html css image slider

我的响应式滑块有问题 - 工作得很好但是删除我的更改后仍然没有滚动图像?

这是我的代码(这位于我的标题中):

    <script type="text/javascript" src="https://code.jquery.com/jquery-latest.min.js"></script>
    <script src="responsiveslides.min.js"></script>


    <div style="heigt: 500px;">
        <ul class="rslides" id="slider1">
           <li><img src="img/businessbig.jpg" alt="" ></li>
          <li><img src="img/cateringbig.jpg" alt=""></li>
          <li><img src="img/nurseriesbig.jpg" alt=""></li>
        </ul>
    </div>  

This is sat at the bottom of the page:

<script type="text/javascript">
$(document).ready(function() {

    $('#nav-mobile ul').hide();
    $('#nav-mobile').click(function(e) {
        $('#nav-mobile ul').slideToggle();
    });
});
</script>



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

      $(".rslides").responsiveSlides({
      auto: true,             // Boolean: Animate automatically, true or false
      speed: 500,            // Integer: Speed of the transition, in milliseconds
      timeout: 4000,          // Integer: Time between slide transitions, in milliseconds
      pager: false,           // Boolean: Show pager, true or false
      nav: false,             // Boolean: Show navigation, true or false
      random: false,          // Boolean: Randomize the order of the slides, true or false
      pause: false,           // Boolean: Pause on hover, true or false
      pauseControls: true,    // Boolean: Pause when hovering controls, true or false
      prevText: "Previous",   // String: Text for the "previous" button
      nextText: "Next",       // String: Text for the "next" button
      maxwidth: "",           // Integer: Max-width of the slideshow, in pixels
      navContainer: "",       // Selector: Where controls should be appended to, default is after the 'ul'
      manualControls: "",     // Selector: Declare custom pager navigation
      namespace: "rslides",   // String: Change the default namespace used
      before: function(){},   // Function: Before callback
      after: function(){}     // Function: After callback
    });
    </script>

我首先想到的是我的移动菜单存在冲突,但删除它仍然没有快乐吗?通过将JS置于图像列表下方,它会消除移动菜单行为?我有点卡住了?

0 个答案:

没有答案