jQuery: jScrollHorizontalPane - Adding content dynamically
<p>I have a set of images in a jScrollHorizontalPane and I want to be able to change the content of the pane per project. </p>

<p>Currently this is what I have loading every time a project is selected:</p>

<pre><code>    $.each(project.images || [], function()
{
    if(this == "") return;
    imgCont.append('&lt;div class="image-item"&gt;&lt;img height="225" src="' + this + '" /&gt;&lt;/div&gt;');
});
var width = 0;
imgCont.find('img').each(function()
{
    width += $(this).width();
});
imgCont.width(width);
$('#project-images-scroll').jScrollHorizontalPane (
    {
        scrollbarHeight:10, 
        scrollbarMargin:0,
        reset:true,
        animateTo:false,
        animateInterval:25,
        animateStep:5
    }
);
</code></pre>

<p>But what ends up happening is the scroll bar is reset but not working when clicked.</p>

<p>Any help on this would be greatly appreciated.</p>
