Home → RoyalSlider HTML version issues →

Position navigation bullets outside the slider div

• Edit

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 Dmitry Semenov on 26 Nov, 2012 04:12 PM

   

   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

   • Edit

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

   

   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?

   • Edit

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

   

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

   Dmitry

   • Edit

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

   

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

   Thanks again!

   Moreno

   • Edit

5. Dmitry Semenov closed this discussion on 27 Nov, 2012 08:05 AM.