jQuery MovingBoxes add Opacity transition
<p>It's all about this jQuery-Plugin:</p>

<p><a href="https://github.com/CSS-Tricks/MovingBoxes" rel="nofollow">https://github.com/CSS-Tricks/MovingBoxes</a></p>

<p>which basically scrolls content and also is able to resize non-active content. It's really nice and flexible after all, I want to add the functionality to fade non-active panels to a given opacity and fade the active panel to full opacity.</p>

<p>There are some approaches, namely found here:</p>

<p><a href="https://github.com/CSS-Tricks/MovingBoxes/issues/69" rel="nofollow">https://github.com/CSS-Tricks/MovingBoxes/issues/69</a></p>

<p>but anyhow,</p>

<p>these are CSS3-Solutions and an image-overlay-solutions and those are both impracticable because of three reasons:</p>

<p>1.) The CSS3 just animates the fade-out of images correctly, but the current image is not faded in, because the current-class is applied after the animation is completed.</p>

<p>2.) Not all Browsers and of course not all mobile browsern support css3 transition</p>

<p>3.) The solution with an image-overlay is more a workaround and not very flexible.</p>

<p>So:</p>

<p>Is it not possible to somehow include jQuery.animate: Opacity while scrolling? Fading the current image to full opacity and fading the "other" images out?</p>

<p>Any help is welcome. I tried my luck with the JavaScript of moving boxes but it seems more complicated than I thought...</p>

<p>Cheers</p>
