intermediate image in between interactive slideshow (jQuery?)

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.

I've made a litte simulation 开发者_运维知识库here so it's easier to understand what I mean:

The gif doesn't repeat so refresh to see the effect again.

I suppose jQuery is the tool of choice. Is there an existing plugin that I can use or modify?

Grateful for any advice!

I think the simpliest way to do this is to use a slideshow jquery plugin (you can find a lot in Google with search "slideshow jquery").

After, you only have to add your intermediate picture between the other pictures