title: Change background on click and skip first element in board
body: <p>I just wrote a simple script to change background on click and the problem is second repeat when the first element in board is omitted here's my code</p>
  
  <pre><code>$(function() {
      var i = 0;
      var preloadImg = [
          'https://www.colourbox.com/preview/11903964-black-and-white-embossed-paper-background-lighting-effect.jpg',
          'http://download.4-designer.com/files/20140222/Personalized-lobes-mosaic-background-vector-material-57935.jpg',
          'http://www.tabletwallpapers.org/download/peak-wallpaper_800x800.png',
          'https://s29.postimg.org/51x27g4dj/save_world_colo2r.jpg'
      ];
  
      $(".right").click(function() {
          if (i &lt; preloadImg.length) {
              $('.back').css('background-image', 'url(' + preloadImg[i] + ')');
          } else if (i == preloadImg.length) {
              i = 0;        
          }
          i++;
      });
  });
  </code></pre>
  
  <p>Here is the : <a href="https://jsfiddle.net/ux5a8e0o/10/" rel="nofollow noreferrer"><strong>Demo</strong></a></p>