썸네일이미지 큰이미지로 롤링

<script type="text/javascript" src="/js/jquery.cycle.all.latest.js"></script>
<script type="text/javascript">
$(function() {
		$('.rcArticle').before('<div id="rcMenu">').cycle({
				fx:     'fade',
				pager:  '#rcMenu',
				pagerAnchorBuilder: function(idx, slide) {
						return '<a href="#" class="rc' + idx + '"></a>';
				}
		});
});
</script>
<div class="rcArticle">
	<img src="/images/rc1.jpg" />
	<img src="/images/rc2.jpg" />
	<img src="/images/rc3.jpg" />
	<img src="/images/rc4.jpg" />
	<img src="/images/rc5.jpg" />
	<img src="/images/rc6.jpg" />
	<img src="/images/rc7.jpg" />
</div>