Question

I Am using simple image gallery pro from joomlaworks.
I made some changes to the css of it.
I positioned the thumbs to the bottom of the page and made the scrollable horizontally.
Now I need to change the scrollbar with jScrollPane. The scrollbar appears and works fine but when it is active the thumbs don’t appear in the main image view (the bigger one) when clicked.

I think this is because jScrollPane appends some divs to the thumbs ul, but my limited javascript/jquery skills make it hard to actually see where the problem is occurring and solving it.

Url: http://goo.gl/9Dgq3

Answer 1

Yes, you right, this is because jscrollpane add additional div.

To fix this you need to make changes in /lvj/plugins/content/jw_sigpro/jw_sigpro/tmpl/Galleria/js/behaviour.js file:

Find line:

var outerContainer = el.parent().parent().parent().parent().parent();

And change it to:

var outerContainer = el.parent().parent().parent().parent().parent().parent().parent();