I am attempting to incorporate the Basic jQuery Slider into my website. Below is the code I have used:
For HTML file:
<div id="slides">
<ul class="bjqs">
<li><a href="somelink"><img src="someimage" width="1200" height="200" title="Test"/></a></li>
<li><a href="somelink"><img src="someimage" width="1200" height="200" title="Test2"/></a></li>
</ul>
</div>
<script>
jQuery(document).ready(function($) {
$('#slides').bjqs({
animtype: 'slide',
height : 1200,
width : 200,
responsive : true
});
});
</script>
However, nothing seems to be displaying! It's just a blank screen with no images or slider.
Here is the jsFiddle link for reference: http://jsfiddle.net/46S6g/