title: intermediate image in between interactive slideshow (jQuery?)
body: <p>when clicking through images on my site, I'd like to have an intermediate image appear (in this case, a graphical shape). This graphical shape should appear fully on-click and then fade out, with the 2nd image fading in. When you click on that image, another graphical shape appears, fades out and so on.</p>
  
  <p>I've made a litte simulation here so it's easier to understand what I mean:</p>
  
  <p><img src="https://i.stack.imgur.com/vowI9.gif" alt="example">
  <a href="http://ou812.bplaced.net/inbetweenfading/crossfade_with_intermediate.gif" rel="nofollow noreferrer">http://ou812.bplaced.net/inbetweenfading/crossfade_with_intermediate.gif</a></p>
  
  <p>The gif doesn't repeat so refresh to see the effect again.</p>
  
  <p>I suppose jQuery is the tool of choice. Is there an existing plugin that I can use or modify? </p>
  
  <p>Grateful for any advice!</p>