Problems Initiating Hidden Slideshow on page load

Problems Initiating Hidden Slideshow on page load

Hi there - new to this so please bare with me.

I am using bxSlider to deal with some gallery displays on a curret project. There is a main slider that is there when the page loads, clicking options in this slider opens and closes other slideshows.

The initially hidden slideshows(via CSS - display:none;) don't render correctly when they are called using my current code, instead it bunchess all the frames together and the navigation doesn't work.

The Slideshows work fine so long as the CSS is set to display:block;  on their containing 'div' when the page is loaded, but I'm using some jQuery to slideDown() a div containing the slideshow on .click from a standard link, so it needs to be set to display:none; to work correctly

So if it works properly, when the css is set to 'block' and everything is visible when the page loads,, however when set to 'none' it doesn't render properly.

Is there a way to correctly initialise a hidden slideshow, to get rid of these problems.

You can see my problem here :
Click 'view media' in the first page slider to reveal the problem.

Any help or pointers on this would be greatly appreciated.

    • Topic Participants

    • bryn