Position navigation bullets outside the slider div

moreno's Avatar

moreno

26 Nov, 2012 12:26 PM

Hey!

I want to add the navigation div to a div in a higher level than the slider div. Is this possible? I tried using jQuery's append function which basically worked but the bullets inside the navigation didn't change their states while sliding through the slides anymore.

Thanks,
Moreno

  1. Support Staff 1 Posted by Dmytro Semenov on 26 Nov, 2012 04:12 PM

    Dmytro Semenov's Avatar

    Hi,

    All you need is to move it via jQuery, after slider initialization:

    jQuery('.rsNav').appendTo('.new-container');
    

    Please note that it may loose styling outside of slider.

    Dmitry

  2. 2 Posted by moreno on 26 Nov, 2012 05:45 PM

    moreno's Avatar

    Thats exactly what I did. The problem is, that the active slides don't get the rsNavSelected class anymore upon sliding. It looks like the Royal Slider loses it's reference to the navigation once it gets moved outside the slider div. Do you have an idea on how to solve this?

  3. Support Staff 3 Posted by Dmytro Semenov on 26 Nov, 2012 06:22 PM

    Dmytro Semenov's Avatar

    Don't know, I just tried running this code, reference is kept. Can you send link to this page?

    Dmitry

  4. 4 Posted by moreno on 26 Nov, 2012 10:36 PM

    moreno's Avatar

    Seems like magic. Apparently it works now :-)
    Sorry to bother you!

    Thanks again!

    Moreno

  5. Dmytro Semenov closed this discussion on 27 Nov, 2012 08:05 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