HTML
<div id="rotatescroll">
<div class="viewport">
<ul class="overview">
<li><a rel="group" href="images/hdr1.jpg"><img src="images/hdr1.jpg"></a></li>
<li><a rel="group" href="images/hdr2.jpg"><img src="images/hdr2.jpg"></a></li>
<li><a rel="group" href="images/hdr3.jpg"><img src="images/hdr3.jpg"></a></li>
<li><a rel="group" href="images/hdr4.jpg"><img src="images/hdr4.jpg"></a></li>
</ul>
</div>
</div>
JS调用
$(document).ready(function(){
$('#rotatescroll').tinycircleslider({ 'interval': true, snaptodots: true });
});