jQuery slideshow not working, display:none;

Question

Im trying to get my jquery slideshow working only for some reason its outputting to the browser as display:none!

Theres quite a bit of code so ive made a fiddle...

http://jsfiddle.net/uExdD/

Can anbybody see where im going wrong? Im using this plugin

http://basic-slider.com/

I call my plugin with the following...

 $('.slideshow').bjqs({
      'animation' : 'slide',
      'width' : 960,
      'height' : 335,
      'showMarkers': true
    });

Answer 1

As specified in the documentation, your <ul> tag needs a bjqs class.

<section class="slideshow">
  <ul class="bjqs home-slideshow">
    <!-- ... -->
  </ul>
</section>

Answer 2

This is wrong...

$slider         = $wrapper.find('ul.bjqs'),

Or rather, your markup should be...

<section class="slideshow">
        <ul class="bjqs">

You can either change the class in the markup or use your custom class in the script instead of .bjqs