title: How do I select three images at random and then fade them out with a new image?
body: <p>I'm mainly a PHP developer, and I haven't used jQuery or JavaScript in a long time.</p>
  
  <p>I've looked on Google and on Stack Overflow but couldn't find the exact direction or code that I need to get the job done. Can anyone help?</p>
  
  <p>I'm pulling in 12 random images via PHP and displaying them. I need to select three images at random every two seconds, fade them out, and have three new unique images fade back in, in their place.</p>
  
  <p>Any help would be appreciated.</p>
  
  <pre><code>           &lt;?php
                $logos = array('0','1','2','3','4','5','6','7','8','9','10','11','12','13','14','15','16','17','18','19');
  
                $randomize = array_rand($logos, 12);
                shuffle($randomize);
                foreach ($randomize as $randomize) {
                  echo '&lt;div class="col-3"&gt;';
                    echo '&lt;img class="w-100 mt-4" src="assets/img/' . $randomize . '.png" alt="img"&gt;';
                  echo '&lt;/div&gt;';
                }
              ?&gt;
  </code></pre>