vincent3569 on "1.4.6 how to use bxSlider as a slider in a page ?"

hi
in codeBlock of a page, I have this code

<div id="daily-image">
	<script type="text/javascript" src="/zp-core/zp-extensions/bxslider_thumb_nav/jquery.bxslider.min.js"></script>
	<link href="/zp-core/zp-extensions/bxslider_thumb_nav/jquery.bxslider.css" rel="stylesheet" />
	<script type="text/javascript">
		$(document).ready(function(){
			$('.bxslider').bxSlider({
				auto: true,
				controls: false
			});
		});
	</script>

	<ul class="bxslider">
		<li class="slide">
			<img src="/cache/20130126-randonnee-raquettes-vercors/img_9030_525.jpg" />
		</li>

		<li class="slide">
			<img src="/cache/20130126-randonnee-raquettes-vercors/img_9035_525.jpg" />
		</li>

		<li class="slide">
			<img src="/cache/20130126-randonnee-raquettes-vercors/img_9039_525.jpg" />
		</li>
	</ul>	<!-- slideshow end -->
</div>

but I am unable to see my slideshow and I can't see any errors.
can you point me on the right direction (you can see the page here : http://dev.vincentbourganel.fr/pages/Test )?
thanks in advance