Random banner image

banner.php

<?php 

// Theme_mod settings to check.
$settings = get_theme_mod( 'ctrctheme_banner_inner_images' );

$fullImgArray = array();

foreach( $settings as $setting ) :
	$fullimgsrc = wp_get_attachment_image_src( $setting['ctrctheme_banner_inner_image'], 'full' );
	$smimgsrc = wp_get_attachment_image_src( $setting['ctrctheme_banner_inner_image_xs'], 'full' );
	$fullimgurl = $fullimgsrc[0];
	$smimgurl = $smimgsrc[0];
	if($fullimgurl != ''):
		$fullImgArray[] = $fullimgurl;
	endif;
	if($smimgurl != ''):
		$smImgArray[] = $smimgurl;
	endif;
endforeach; 

$randFullImgIndex 	= array_rand($fullImgArray);
$randFullImg 		= $fullImgArray[$randFullImgIndex];
$randsmImg 			= $smImgArray[$randFullImgIndex];
?>

<?php if($randFullImg != ''): ?>
<div id="banner-inner" class="bg-cover hidden-xs" style="background-image: url(<?php echo $randFullImg; ?>);"></div>
<?php endif; ?>

<?php if($randsmImg != ''): ?>
<div id="banner-inner" class="bg-cover visible-xs" style="background-image: url(<?php echo $randsmImg; ?>);"></div>
<?php elseif($randsmImg == '' && $randFullImg != ''): ?>
<div id="banner-inner" class="bg-cover visible-xs" style="background-image: url(<?php echo $randFullImg; ?>);"></div>
<?php endif; ?>	

<div id="content" class="site-content">

repeat.php

<?php
/**
 * Template part for displaying page content in Inner page banner
 *
 * @link https://codex.wordpress.org/Template_Hierarchy
 *
 * @package TZ_Motorsport
 */

$fullImgArray = array();
if(have_rows('banner_inner_pages', 'options')): while(have_rows('banner_inner_pages', 'options')): the_row();
	$fullimgsrc = get_sub_field('inner_banner_image');
	$smimgsrc = get_sub_field('inner_banner_image_mobile');
	$fullimgurl = $fullimgsrc['url'];
	$smimgurl = $smimgsrc['url'];
	if($fullimgurl != ''):
		$fullImgArray[] = $fullimgurl;
	endif;
	if($smimgurl != ''):
		$smImgArray[] = $smimgurl;
	endif;
endwhile;endif; 
$randFullImgIndex 	= array_rand($fullImgArray);
$randFullImg 		= $fullImgArray[$randFullImgIndex];
$randsmImg 			= $smImgArray[$randFullImgIndex];
?>

<?php if($randFullImg != ''): ?>
<div id="banner-inner" class="bg-cover hidden-xs" style="background-image: url(<?php echo $randFullImg; ?>);"></div>
<?php endif; ?>

<?php if($randsmImg != ''): ?>
<div id="banner-inner" class="bg-cover visible-xs" style="background-image: url(<?php echo $randsmImg; ?>);"></div>
<?php elseif($randsmImg == '' && $randFullImg != ''): ?>
<div id="banner-inner" class="bg-cover visible-xs" style="background-image: url(<?php echo $randFullImg; ?>);"></div>
<?php endif; ?>