Entire li element is gone

Question

Customizing a wordpress theme, and having EXTREMELY strange issues.

http://dev.epicwebdesign.ca/evandentremont.com/

Whenever I try to display a li on the slider, if all of them have background images the entire slider is blank. If one of the li's has no background, it works fine.

No PHP or JS errors at all, and when I use chrome's code inspector, the blocks appear to be there, just invisible. I see the ul, and the li, and the sliding if I mouseover it.

How can I stop this from happening?

<li style="
display:block; 
background-image:URL(http://dev.epicwebdesign.ca/evandentremont.com/wp-content/uploads/2013/01/5qqoq5weno_210218126-2.jpg) ; 
height:300px; 
webkit-background-size: cover; 
moz-background-size: cover;
o-background-size: cover; 
background-size: cover; 
">

http://jsfiddle.net/HZ26M/

Answer 1

The isPreloaded option of your slider trigger its complete event only if your slides contain at least one image (check line 247 of lofslider ).

You can set this option to false or be sure to have at least one image in your slider.

Or change it!