Skip to content Skip to sidebar Skip to footer

Thumbnail Scroller Inside Div With AJAX

Im using a jquery scroller for my photography website which i cannot get it to work. Im using these two files: main.php <

Solution 1:

since you are using jquery, then simply you can make use of the .ajax() method

function show(){    
    $.ajax({
          url: "thumbs.php",
          success: function(data) {
            $('#display').html(data);       //Here is the change
            //Initiate the scroller here
            $("#tS2").thumbnailScroller({
                scrollerType:"hoverPrecise",
                scrollerOrientation:"horizontal",
                scrollSpeed:2,
                scrollEasing:"easeOutCirc",
                scrollEasingAmount:600,
                acceleration:4,
                scrollSpeed:800,
                noScrollCenterSpace:10,
                autoScrolling:0,
                autoScrollingSpeed:2000,
                autoScrollingEasing:"easeInOutQuad",
                autoScrollingDelay:500
            });
        });

    }

Refer thsi for more details and options http://api.jquery.com/jQuery.ajax/


Post a Comment for "Thumbnail Scroller Inside Div With AJAX"