<ul id=“sim­pleslider”>
    <li>In condi­men­tum mi sed arcu fau­cibus quis sodales leo biben­dum.</li>
    <li>Ali­quam porta turpis vel nunc blandit vitae lacinia lorem plac­erat.</li>
    <li>Mau­ris vitae augue sit amet odio congue ele­men­tum.</li>
</ul>

<style>
#simpleslider-wrapper {
back­ground: #fafafa;
bor­der: 1px solid #eee;
width:500px;
float:left;
}
#sim­pleslider .frame {
padding:10px;
font-family: Hel­vetica, Arial, sans-serif;
font-size: 20px;
font-weight: bold;
color: #999;
line-height: 1.6em;
}
#simpleslider-previous_button {
float:left;
}
#simpleslider-next_button {
}
</style>

<script type=“text/javascript” src=“http://www.madebyrendr.com/wp-content/uploads/2009/10/jquery.simpleslider.js”></script>
<script type=“text/javascript”>
jQuery(function($) {
$(‘#simpleslider’).simpleslider(({
auto: true,
speed: 1000,
pre­vi­ous­text: ‘<’,
next­text: ‘>’,
auto­but­ton­size: ‘true’
});
});
</script>