Może i tak trochę na opak:
<link href='http://fonts.googleapis.com/css?family=Source+Code+Pro|Coda|Open+Sans:400,700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="http://www.basic-slider.com/css/main.css">
<script src="http://www.basic-slider.com/js/vendor/modernizr-2.6.1-respond-1.1.0.min.js"></script>
</head>
<body>
<div class="span12" id="slider">
<ul class="bjqs">
<li><img src="http://www.basic-slider.com/img/banner01.jpg" title="Automatically generated caption"></li>
<li><img src="http://www.basic-slider.com/img/banner02.jpg" title="Automatically generated caption"></li>
<li><img src="http://www.basic-slider.com/img/banner03.jpg" title="Automatically generated caption"></li>
</ul>
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="http://www.basic-slider.com/js/bjqs-1.3.min.js"></script>
<script src="http://www.basic-slider.com/js/main.js"></script>
Wklej do notatnika, odpal jako .html. Robię tak "na opak", ponieważ osobiście nienawidzę sytuacji, gdy muszę coś z .js zrobić. Wtedy zawsze biorę całe źródło strony i kasuję co nie potrzebne, aż w końcu zostaje to co jest niezbędne do działania. Tak metodą prób i błędów dostaję co chcę.