Question

I have one problem with my website. It uses accordion image slider, which is based on jquery. When you enter the website, first images opens fully, while the other images slide to the right side. OK, after that you can hover on any image and slide them, one by one. And if you put away the mouse, the accordion slider doesnt go back to its first state. It shows you thumbnails, but i want it to be where it was in first place, when you just entered the website… How do i fix this position of first image, so that if you slide thru the images, and then put away the mouse, first image goes back to its previous state?!

Here is the website: http://sunwind.lv

Thanks in advance!

Answer 1

The ‘default’ state is set in setInitialPosition, which is called in root.mouseleave (triggered when the mouse leaves the slider). I got this working as (I hope 🙂 you want it just by changing the code to call showSelected instead in that case.

root.mouseleave(function ()
{
    ...
    if (!inHover)
    {
        showSelected(0);
    }
    ...
}