Jcarousel change a divs text depending on first item shown
<p>I'm having a problem with Jcarousel where i need to have a divs text changing when the next button is pressed on the carousel. I have the carousel set up and working how i want, scrolling one item at a time:</p>

<pre><code>jQuery(document).ready(function() {
jQuery('.mycarousel').jcarousel({
    scroll : 1
});});
</code></pre>

<p></p>

<pre><code>                &lt;li&gt; &lt;img src="img/slider/slide1.gif" alt="slide1" /&gt;&lt;/li&gt;
                &lt;li&gt; &lt;img src="img/slider/slide2.gif" alt="slide1" /&gt; /li&gt;
                &lt;li&gt; &lt;img src="img/slider/slide3.gif" alt="slide1" /&gt; /li&gt;
</code></pre>

<p>Now i want to append the the text inside a div when the next button is pressed i know Jcarousel has the itemFirstInCallback: function but I'm totally lost on how to use this to append a divs text:</p>

<pre><code>   &lt;div class="copy"&gt;

        &lt;p&gt;

   example text

        &lt;/p&gt;


        &lt;/div&gt;
</code></pre>

<p>Any ideas?</p>

<p>Thanks,</p>

<p>Liam</p>
