jQuery: How can I modify Rhinoslider to refresh slide contents after each transition is complete?
<p>I'm using the Rhinoslider jQuery plugin on my site: <a href="http://rhinoslider.com/" rel="nofollow">http://rhinoslider.com/</a></p>

<p>Within one of the slides of the image slider, I am using this Before/After image plugin with jQuery: <a href="http://www.catchmyfame.com/catchmyfame-jquery-plugins/jquery-beforeafter-plugin/" rel="nofollow">http://www.catchmyfame.com/catchmyfame-jquery-plugins/jquery-beforeafter-plugin/</a></p>

<p>I have all of this working great when you first load the page, but when rhinoslider cycles around back the first slide, all it shows is an image of wherever the before/after image slider plugin was when it changed... I'll try to show you what I mean:</p>

<p>freshly loaded page, works fine
<img src="http://i.stack.imgur.com/N9QaM.jpg" alt="enter image description here"></p>

<p>as you can see, the before/after plugin is working here
<img src="http://i.stack.imgur.com/qWqVU.jpg" alt="enter image description here"></p>

<p>Now after the rhinoslider has rotated all the images, the before/after plugin no longer works
<img src="http://i.stack.imgur.com/NJUC9.jpg" alt="enter image description here"></p>

<p>Obviously, I realize that rhinoslider does the transitions by making them into images, but is there a way to get the rhinoslider to refresh the content to enable the before/after plugin to work again. I only need this on a single slide (the first one) but it would be great if there was a way to use it on others too.</p>

<p>This would also enable a lot of other content such as flash, and other jQuery plugins to work within rhinoslider, so this would be a huge help to me.</p>

<p>So maybe re-call the slide after the slide transition is complete?
It would be great if someone could help me out with this, I'm not experienced enough with jQuery myself.</p>

<p>I'm using the latest versions of each plugin, and jQuery 1.7.2.</p>

<p>This is the call function im using in the head:</p>

<pre><code>$(document).ready(function() {
    $('#rhinoslider').rhinoslider({
        effect:'chewyBars',
        showTime:10000,
        effectTime:3500,
        controlsPlayPause:false,
        autoPlay:true,
        shiftValue:'50',
        parts:'15',
        showCaptions:'always'
    });

    $('#slider').beforeAfter({
        introPosition:0.59,
        enableKeyboard:false
    });
});
</code></pre>

<p>Thanks :)</p>
