Agency Pro - Multiple background Images
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,
});
});
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
<?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 ) ) );
// }
}