javascript - Slider not scrolling through image -
having issue responsive slider - working fine removing changes still not scrolling through images?
here code (this sitting in header):
<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> sat @ bottom of 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 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 order of 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 "previous" button nexttext: "next", // string: text "next" button maxwidth: "", // integer: max-width of slideshow, in pixels navcontainer: "", // selector: controls should appended to, default after 'ul' manualcontrols: "", // selector: declare custom pager navigation namespace: "rslides", // string: change default namespace used before: function(){}, // function: before callback after: function(){} // function: after callback }); </script>
i first thought there conflict mobile menu removing theres still no joy? placing js beneath image list kills off mobile menu behaviour? little stuck?
Comments
Post a Comment