Conditional statement for carousel interval script

makiidesign · September 15, 2013, 2:53pm

Help for a non-developer. Can someone help me with a conditional statement to run the carousel interval script on the homepage only (is_front_page)? And place it script in lib/scripts.php? Or, is there another appropriate way to do this?

$(document).ready(function() {
$(’.carousel’).carousel({
interval: 4000
})
});

ben · September 15, 2013, 3:19pm

Just edit _main.js and place it in the home init that’s already setup in there

makiidesign · September 15, 2013, 3:28pm

Hi Ben, I’m a total newbie, what do I put in _main.js and do you mean init.php. How?

ben · September 15, 2013, 3:33pm

github.com

roots/sage/blob/b7d9f187aa7541da53ba6a80208efd4ce9ab0edd/assets/js/_main.js

// Modified http://paulirish.com/2009/markup-based-unobtrusive-comprehensive-dom-ready-execution/
// Only fires on body class (working off strictly WordPress body_class)

var ExampleSite = {
  // All pages
  common: {
    init: function() {
      // JS here
    },
    finalize: function() { }
  },
  // Home page
  home: {
    init: function() {
      // JS here
    }
  },
  // About page
  about: {
    init: function() {

This file has been truncated. show original

Put $('.carousel').carousel({ interval: 4000 }); on line 15 (where it says JS here under home page) and then run grunt.

makiidesign · September 15, 2013, 3:38pm

great, but i’m not using grunt

chriscarr · September 15, 2013, 4:24pm

Copy the contents of the _main.js file Ben linked above into your /assets/js/main.js file, then make the changes he suggests.

Then go learn why grunt is awesome and start using it.

makiidesign · September 15, 2013, 4:30pm

Thanks Chris! You guys rock. Grunt is on my priority to-learn list.