<link rel="stylesheet" type="text/css" href="/tip/css/jquery.jcarousel.css"> 
<script type="text/javascript" src="/tip/css/jquery.js"></script>
<script type="text/javascript" src="/tip/css/jquery.jcarousel.min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function() {
 jQuery('#mycarousel').jcarousel({
  auto: 0,
  wrap: null,
  animation: 'normal',
  scroll: 6,
  start: 1,
  offset: 1,
  itemVisibleInCallback: {onBeforeAnimation: mycarousel_itemVisibleInCallback},
  itemVisibleOutCallback: {onAfterAnimation: mycarousel_itemVisibleOutCallback}
 });
});

function mycarousel_itemVisibleInCallback(carousel, item, i, state, evt)
{
 // The index() method calculates the index from a
 // given index who is out of the actual item range.
 var idx = carousel.index(i, $("#content li").length);
 carousel.add(i, $('#content li').get(idx-1).innerHTML);
 
};

function mycarousel_itemVisibleOutCallback(carousel, item, i, state, evt)
{
 carousel.remove(i);
};
</script>
<div id="wrap">
 <ul id="mycarousel" class="jcarousel-skin-ie7">
 </ul>
 <ul id="content" style="display:none">
  <li style="visibility: hidden"><table width="80" height="73" border="0" cellpadding="0" cellspacing="0"><tr><td valign="top" background="/tip/images/entertain/star_photo_simg_bg.gif" style="padding:8 13 0 13"><a href="javascript:fnImage('0220');"><img src="/tip/images/entertain/khj/small_IMG_0220.jpg" width="54" height="54" border="0"></a></td></tr></table></li> 
 </ul>
</div>