Skip to content

Instantly share code, notes, and snippets.

@neilgee
Last active January 26, 2017 23:44
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save neilgee/a6f8017e532fb0c2ea1a to your computer and use it in GitHub Desktop.
Save neilgee/a6f8017e532fb0c2ea1a to your computer and use it in GitHub Desktop.
Agency Pro - Multiple background Images
<?php
//* Enqueue Backstretch script and prepare images for loading
add_action( 'wp_enqueue_scripts', 'agency_enqueue_backstretch_scripts' );
function agency_enqueue_backstretch_scripts() {
// $image = get_option( 'agency-backstretch-image', sprintf( '%s/images/bg.jpg', get_stylesheet_directory_uri() ) );
//* Load scripts only if custom backstretch image is being used
//if ( ! empty( $image ) ) {
wp_enqueue_script( 'agency-pro-backstretch', get_bloginfo( 'stylesheet_directory' ) . '/js/backstretch.js', array( 'jquery' ), '1.0.0' );
wp_enqueue_script( 'agency-pro-backstretch-set', get_bloginfo( 'stylesheet_directory' ).'/js/backstretch-set.js' , array( 'jquery', 'agency-pro-backstretch' ), '1.0.0' );
//wp_localize_script( 'agency-pro-backstretch-set', 'BackStretchImg', array( 'src' => str_replace( 'http:', '', $image ) ) );
// }
}
jQuery(document).ready(function($) {
// Create an array of images that you'd like to use
var images = [
'/wp-content/themes/dmand/images/bg.jpg',
'/wp-content/themes/dmand/images/bg1.jpg',
'/wp-content/themes/dmand/images/bg2.jpg',
'/wp-content/themes/dmand/images/bg3.jpg',
];
// Get a random number between 0 and the number of images
var randomNumber = Math.floor( Math.random() * images.length );
// Use the random number to load a random image
$("body.home").backstretch([
images[randomNumber],
],{
duration:3000,
fade:750,
});
});
//Source - https://github.com/srobbin/jquery-backstretch/issues/135
jQuery(document).ready(function($) {
$("body.home").backstretch([
'/wp-content/themes/dmand/images/bg.jpg',
'/wp-content/themes/mytheme/images/bg1.jpg',
'/wp-content/themes/mytheme/images/bg2.jpg',
'/wp-content/themes/mytheme/images/bg3.jpg',
],{
duration:3000,
fade:750,
});
});
@lothairo
Copy link

I can only get this to work on the homepage of the 411-theme , get white pages else where. What could be the issue thanks

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment