我的响应式滑块有问题 - 工作得很好但是删除我的更改后仍然没有滚动图像?
这是我的代码(这位于我的标题中):
<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置于图像列表下方,它会消除移动菜单行为?我有点卡住了?