Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <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>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement