jqueryorbit

jQuery Slider Orbit - moving bullets


I'm using the excellent Zurb plugin Orbit on my homepage, and I'm trying to move the bullets (typically below the slider) to a different location on the page (in this case, in the header above the slider)

I tried the following code:

jQuery('.orbit-header').append(jQuery('ul.orbit-bullets'));

This removes the bullets, but they don't appear. I don't think it's that they haven't been generated yet, as I tried putting this in a function on the slide change and that didn't help.

Any ideas?


Solution

  • May be you need to modify the css :

    http://jsfiddle.net/Awea/mZYX9/10/