title: Use array of background-image urls
body: <p>In the template of a post type I have a custom header part, in which I want to display multiple background images. This is the current code for a single image:</p>
  
  <pre><code>&lt;div class="single__header" style="background-image: url(../content/uploads/2018/04/fundings-header.jpg); 
  background-repeat: no-repeat; 
  background-position: center center; 
  -webkit-background-size: cover; 
  -moz-background-size: cover; 
  -o-background-size: cover; 
  background-size: cover;"&gt;
  </code></pre>
  
  <p>How can I use/load more than one url, to randomly display a different background images? After much searching I found <a href="http://apexlogic.net/code-bank/php/random-background-images-with-css-and-php/" rel="nofollow noreferrer">this solution</a>, but somehow I can't get it working. </p>
  
  <p>Any suggestions?</p>