Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 1 of 1
  1. #1
    New Coder
    Join Date
    Dec 2010
    Posts
    66
    Thanks
    16
    Thanked 0 Times in 0 Posts

    Jquery Liquid Slider controls not working

    I'm using the liquid slider found here: http://liquidslider.com/ on this page: http://www.emmaroche.ie/category/2013/

    The slider works as expected with one problem: the controls don't work. The code for the controls is:

    Code:
        <div class="controls outside span5 offset7">
            <a href="#left" data-liquidslider-ref="slider-id" class="rslides_nav rslides1_nav prev"><span id="slider-prev"></span></a>
            <a href="#right" data-liquidslider-ref="slider-id" class="rslides_nav rslides1_nav next"><span id="slider-next"></span></a>
        </div>
    With the important part being the 'data-liquidslider-ref' obviously.

    The code in the head is:

    Code:
    jQuery(document).ready(function($) {
        $(function(){
          $('#slider-id').liquidSlider({
    
              autoHeight: true,
              autoSlide: false,
              slideEaseFunction: 'easeOutSine',
              dynamicArrows: false,
              slideEaseDuration: 550,
              crossLinks: true,
              autoSlideControls: true,
              autoSlideStartText: 'asas',
              autoSlideStopText: 'asad'
    
          });
        });
    });
    I've used this slider many times before without a problem and with the same settings.

    Kind of stumped as to what the problem might be. I'd really appreciate any help.

    EDIT: Fixed the problem. The version of jQuery I was using was too old.
    Last edited by JumpJump; 09-11-2013 at 04:32 AM.


 

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •