title: Create a carousel with crossfading images at each slide
body: <p>I'm attempting to create a carousel that contains 2 images per slide. The carousel will start automatically and loop between slides. At each slide, the first image will crossfade to the second image. After both slides are completed the process with loop again.</p>
  
  <pre><code>  &lt;div class="carousel"&gt;
      &lt;div class="carousel-slide" alt="SlideA"&gt;
        &lt;img class="image" src="..." alt="image1"&gt;
        &lt;img class="image" src="..." alt="image2"&gt;
      &lt;/div&gt;
      &lt;div class="carousel-slide" alt="SlideB"&gt;
        &lt;img class="image" src="..." alt="image3"&gt;
        &lt;img class="image" src="..." alt="image4"&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  
  SlideA
  show image1
  fade to image2
  move to SlideB
  
  SlideB
  show image3
  fade to image4
  Loop back to SlideA
  </code></pre>