Execute RoyalSlider with ajax loaded Content

Minded's Avatar

Minded

23 Sep, 2012 06:58 PM

Hi,

is there a way to execute the Royalslider after page-content is loaded by ajax?
Something like $.royalslider.init();

Example:
My website loads the content via jquery.load and one of the content files contains the royalslider-div.
Now i have to execute the royalslider to make the slider work.

  1. Support Staff 1 Posted by Dmitry Semenov on 24 Sep, 2012 01:36 PM

    Dmitry Semenov's Avatar

    It doesn't matter how div with slider is added to page dynamically or not, you always initialize it as usual.

    $('#royalslider-id').royalSlider({  
         //options
    });
    

    Dmitry

  2. 2 Posted by Minded on 25 Sep, 2012 07:55 PM

    Minded's Avatar

    Ok, it works.

    But there is another bug now -.-
    It's a responsive website and after the ajax call for the content the div with the class rsOverflow got just 50px height and 100 px width.
    So there s a hughe slider with small images in it.

  3. Support Staff 3 Posted by Dmitry Semenov on 26 Sep, 2012 04:57 AM

    Dmitry Semenov's Avatar
  4. 4 Posted by Minded on 01 Oct, 2012 11:49 AM

    Minded's Avatar

    fixed , thanks!

  5. Minded closed this discussion on 01 Oct, 2012 11:49 AM.

Comments are currently closed for this discussion. You can start a new one.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac