Change Orbit defaults (required foundation)

  • I’m having a bit of trouble with customizing Orbit in the wordpress Required theme for Foundation.

    My child-theme.js looks something like this at the moment:

    (function($) {
    $(window).load(function() {
         $('#featured').orbit();
	 });
}(jQuery));

    In my header I placed the following to display Orbit:

    <div id="featured">
<img src="<?php bloginfo('stylesheet_directory'); ?>/images/Slide-1.jpg" alt="Overflow: Hidden No More" />
<img src="<?php bloginfo('stylesheet_directory'); ?>/images/Slide-2.jpg"  alt="HTML Captions" />
</div>

    When I try to change the above jquery into the following it bombs out and does not work:

    $('#featured').orbit({
animation: 'fade', // fade, horizontal-slide, vertical-slide, horizontal-push
pauseOnHover: false, // if you hover pauses the slider
});

    Is there a better approach?

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter Snaphaan

    (@snaphaan)

    Maybe I should just paraphrase:

    I only want to change some of the default settings on the Orbit slider in the Required+Foundation child theme.

    How would I go about this.

    Thanks for your time ??

    Thread Starter Snaphaan

    (@snaphaan)

    (function($) {
    $(window).load(function() {
         $('#featured').orbit();
	 });
}(jQuery));

    I am not familiar with jquery but as far as I can tell I should be able to add changes to the default orbit slider in the script above.

    Any suggestions help will be appreciated.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Change Orbit defaults (required foundation)’ is closed to new replies.