<li>'s often don't get set to visible

[s1h4d0w]

I have implemented this slider on a website, but when I reload the page by pressing F5 about 1 out of 5 times the slider just doesn't show up. If I then wait for 7 seconds (the time it takes to go to the next slide) it does show up.

I've already removed the "display: none;" from ul.bjqs hoping that would fix it, but the same happens on the li's. Seems like the javascript fails to change the inline style of the first slide. At first I thought it might be a problem with the random start slide but after disabling that it still happens.

See below, both list items have "display: none;". Is there a quick or temporary fix for this?

Live example: http://www.reincarnationgame.com/one/

[s1h4d0w]

I have kind of fixed this by adding a style="display:list-item;" to the first list item (inline css). This way the first slide will always show and after your set time it will continue to the next slide. Of course doing this will not allow you to use the random start option.