<style type="text/css">
#caption_slider {
width: 640px;
height: 427px;
margin: 30px auto 0;
}
.slider_container {
width: 100%;
height: 427px;
}
.slider-caption {
font-family: Helvetica, sans-serif;
}
</style>
</head>
<body>
<div id="caption_slider">
<div class="slider_container">
<div class="slide">
<img title="Captions are cool!!"
src="http://bit.ly/N0RxU7" />
</div>
<div class="slide">
<img title="Just add a title element to an image…"
src="http://bit.ly/NnJTsW" />
</div>
<div class="slide">
<img title="Or even define your own custom captions!"
src="http://bit.ly/Ni2OB4" />
</div>
</div>
</div>
<script type="text/javascript">
$('#caption_slider').glide({
preload: true,
orientation: 'vertical'
autoPlay: 5000
});
</script>
</body>