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 2 of 2
  1. #1
    New Coder
    Join Date
    Aug 2011
    Posts
    15
    Thanks
    0
    Thanked 0 Times in 0 Posts

    jQuery Slider localScroll & Cycle function together - Not working

    Hello,

    I am currently "trying" to implement both localscroll & cycle function together to create a slider. The slider is supposed to have two button (left and right) with an automatic cycle of rotation. The localscroll and the click function should have small buttons at the bottom where users can navigate to a certain image within the rotating slider.

    The cycle function works. But the localscroll function is not working... Please view the JSFidddle


    Error image

    Thanks again for your help.

    jQuery:


    Code:
      $(document).ready(function() {
            $("#slideshow").css("overflow", "hidden");
            $("#slideshow-nav").css("visibility", "visible");
        $("#slideshow-nav a[href=#lambo1]").addClass("active");
    
        $("#slideshow-nav").localScroll({
                target:'#slideshow', axis: 'x'
        });
    
    $("#slideshow-nav a").click(function(){
                $("#slideshow-nav a").removeClass("active");
                $(this).addClass("active");
        });
    
        $("ul#slides").cycle({
                fx: 'fade',
                pause: 1,
                prev: '#prev',
                next: '#next'
        });
    
        $("#slideshow").hover(function() {
        $("ul#nav").fadeIn();
        },
                function() {
        $("ul#nav").fadeOut();
        });
    });

  • #2
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,629
    Thanks
    6
    Thanked 1,002 Times in 975 Posts
    Does this sticky thread perhaps apply to your problem?


  •  

    Posting Permissions

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