Jquery heading area for background image
<p>I've created a background image slideshow using this method: <a href="http://stackoverflow.com/a/5198693/1156042">http://stackoverflow.com/a/5198693/1156042</a> which works great ...</p>

<p>but I also need a associated div to rotate in time with the banners, so if I have some html like </p>

<pre><code>&lt;div class="intro"&gt;
     &lt;div class="container"&gt;
        &lt;h1&gt;World class operations&lt;/h1&gt;
        &lt;p&gt;Some intro text&lt;/p&gt;
        &lt;p&gt;&lt;a href="/about-us.aspx"&gt;Learn more&lt;/a&gt;&lt;/p&gt;                          
     &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>It should fade in and out with the banner</p>

<p>Can anyone help out with the jquery? I'm assuming I'd need to create an array, but don't know how to tie it in with the other code.</p>

<p>Thanks in advance. </p>
