Javascript 滑块不在图像中滚动

Javascript 滑块不在图像中滚动,javascript,html,css,image,slider,Javascript,Html,Css,Image,Slider,有一个问题,我的响应滑块-工作得很好,但删除我的更改,它仍然没有滚动图像 这是我的代码(位于标题中): 这位于页面底部: $(文档).ready(函数(){ $('#nav mobile ul').hide(); $(“#移动导航”)。单击(功能(e){ $(#nav mobile ul')。滑动切换(); }); }); $(函数(){ $(“.rslides”).responsiveSlides(); }); $(“.rslides”).响应幻灯片({ auto:true,//布

有一个问题,我的响应滑块-工作得很好,但删除我的更改,它仍然没有滚动图像

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


这位于页面底部: $(文档).ready(函数(){ $('#nav mobile ul').hide(); $(“#移动导航”)。单击(功能(e){ $(#nav mobile ul')。滑动切换(); }); }); $(函数(){ $(“.rslides”).responsiveSlides(); }); $(“.rslides”).响应幻灯片({ auto:true,//布尔值:自动设置动画,true或false 速度:500,//整数:转换的速度,以毫秒为单位 超时:4000,//整数:幻灯片转换之间的时间,以毫秒为单位 寻呼机:false,//布尔值:显示寻呼机,true或false nav:false,//布尔值:显示导航,true或false random:false,//布尔值:随机排列幻灯片的顺序,true或false pause:false,//布尔值:悬停时暂停,true或false pauseControls:true,//布尔值:悬停控件时暂停,true或false prevText:“Previous”//String:“Previous”按钮的文本 nextText:“下一步”//String:“下一步”按钮的文本 maxwidth:,//整数:幻灯片的最大宽度,以像素为单位 navContainer:,//选择器:控件应附加到的位置,默认值在“ul”之后 manualControls:,//选择器:声明自定义寻呼机导航 名称空间:“rslides”,//字符串:更改使用的默认名称空间 before:function(){},//函数:在回调之前 after:function(){}//function:after回调 });

我最初认为我的手机菜单有冲突,但删除它仍然没有乐趣?通过将JS放在图像列表下方,它可以消除移动菜单行为?我有点卡住了?

@Abhidev-我已经通过检查我的每一段代码解决了这个问题:我有一个新问题:嗨,伙计们,我正在使用
http://responsiveslides.com/
作为我选择的图像滑块。我在滑块上添加了一个静态div-我想知道是否有办法在每张幻灯片上添加一个div,这样当它滚动时,该div中的内容会随着图像的变化而变化?@Abhidev我已将其剥离,但下面是我的代码:
    • @Abhidev欢迎
      fhsdlfhsjfhskjfhsjfhjkdfhkjdjdjdjdjdjdjdjdjfkkjdjdjfkjdjdjdjdjdjfkjdjdjdjdjdjdjdjdjdjdjdjdjdjdjdjdjdjdjdjdjdjdjdjdjdjdjkkkkkjdjdjdjdjdjdjdjdjk

      <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>