<html>
<head>
<title>Slide</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.js"></script>
<script type="text/javascript" src="stepcarousel.js"></script>
<!--
/* **********************************************
/* Step Carousel Viewer script- (c) Dynamic Drive DHTML code library (
www.dynamicdrive.com)
/* Visit
http://www.dynamicDrive.com for hundreds of DHTML scripts
/* This notice must stay intact for legal use
/***********************************************/ -->
<link rel="stylesheet" type="text/css" href="Style.css">
<script type="text/javascript">
stepcarousel.setup({
galleryid: 'mygallery', //id of carousel DIV
beltclass: 'belt', //class of inner "belt" DIV containing all the panel DIVs
panelclass: 'panel', //class of panel DIVs each holding content
autostep: {enable:false, moveby:1, pause:3000},
panelbehavior: {speed:500, wraparound:true, persist:true},
defaultbuttons: {enable: true, moveby: 1, leftnav: ['http://i49.tinypic.com/xfu50.jpg', -33, 55], rightnav: ['http://i47.tinypic.com/169naew.jpg', 10, 55]},
statusvars: ['statusA', 'statusB', 'statusC'], //register 3 variables that contain current panel (start), current panel (last), and total panels
contenttype: ['inline'] //content setting ['inline'] or ['external', 'path_to_external_file']
})
</script>
</head>
<body>
<div id="mygallery" class="stepcarousel">
<div class="belt">
<div class="defaultbuttons">
<div class="panel" >
</div>
<div class="panel" >
http://[img]http://img267.imageshack....jpg[/img]
</div>
</div>
</div>
</div>
</body>
</html>