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>