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)
by Laurie
HTML
<script src="http://www.customisedweb.com/wp-content/themes/customised-web/js/jquery.orbit-1.2.3.min.js"></script>
<link rel="stylesheet" href="http://www.customisedweb.com/wp-content/themes/customised-web/js/orbit-1.2.3.css">
<div id="featured">
<img src="http://www.customisedweb.com/wp-content/themes/customised-web/images/featured-images/hunterwoodrow.jpg" alt="Hunter & Woodrow" />
<img src="http://www.customisedweb.com/wp-content/themes/customised-web/images/featured-images/juneevent2011.jpg" alt="Trinity Hall June Event 2011" />
<img src="http://www.customisedweb.com/wp-content/themes/customised-web/images/featured-images/thmcr.jpg" alt="Trinity Hall MCR" />
</div>
CSS
h2 {
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif;
font-size:18px;
}
JavaScript
jQuery('#featured').orbit({
advanceSpeed: 6000,
bullets: true,
directionalNav: false
});
// jQuery('.orbit-header').append(jQuery('ul.orbit-bullets'));