Question

I’m using the jQuery plugin RhinoSlider and have it working ok, however I want to load the content via AJAX to speed up the page load times. According to their site you need to change the call a little as per: http://rhinoslider.com/tricks/get-the-content-of-the-slider-via-ajax/

The default call is:

$(document).ready(function(){
    // store the jquery object
    var $slider = $('#slider');
    $.get('content-of-slider.php', function(data){
        $slider.append(data).rhinoslider();
    });
});  

That works fine, however I still need to include my options, I tried the below but it didn’t work..

$(document).ready(function(){
    // store the jquery object
    var $slider = $('#slider');
    $.get('content-of-slider.php', function(data){
        $slider.append(data).rhinoslider(
            showTime: 6000,
            effectTime: 2500,
            autoPlay: true,
            showBullets: 'always',
            showControls: 'never',
            slidePrevDirection: 'toRight',
            slideNextDirection: 'toLeft'            
        );
    });
});

Answer 1

Seems I was missing the curly braces after the rhinoslider( portion; I added them as below and it now works.

$(document).ready(function() {
    // store the jquery object
    var $slider = $('#slider');
    $.get('content-of-slider.php', function(data){
        $slider.append(data).rhinoslider({
            showTime: 6000,
            effectTime: 2500,
            autoPlay: false,
            showBullets: 'always',
            showControls: 'never',
            slidePrevDirection: 'toRight',
            slideNextDirection: 'toLeft'
        });
    });        
});