title: DIV - Alternate background images
body: <p>Instead of implementing a slider plugin, I'd like to use CSS/jquery to alternate background images of a DIV (fadein/fadeout or slide effect).
  Currently my code is as below:</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;div class="block backpic"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>.block {
  
      display: block;
          margin-right: auto;
      margin-left: auto;
      clear: both;
      box-sizing: border-box;
      padding-left: 20px;
      padding-right: 20px;
      width: 100%;
      overflow: hidden;
  }
  
  
  .backpic {
      height: 638px;
      background-image: url(../images/picture1.jpg);
      background-size: cover;
  }
  </code></pre>
  
  <p>What should I do to alternate picture1 with a second picture?
  Many thanks for your help</p>