ساخت jQuery Infinite Carousel

[sajjadmp 72]

سلام .

من می خوام از این اسلایدر استفاده کنم :

http://www.catchmyfame.com/catchmyfame-jquery-plugins/jquery-infinite-carousel-plugin/

اما متاسفانه راهنمایی به درد بخوری نداره و فقط مثال زده .

اگه کسی با این اسلایدر آشنایی داره و نحوه استفادشو میدونه لطفا راهنمایی کنه . اسلایدر مشابه هم اگه میشناسید لطف می کنید اگه معرفی کنید .

در ضمن من از این کدا هم استفاده کردم که توفیقی نداشته :

محل مورد نظر
    <ul id="carousel">
	    <li><img width="200" height="133" alt="" src="p1.png" /><p>This is <strong>a caption</strong></p></li>
	    <li><a href="http://www.google.com"><img width="200" height="133" alt="" src="p2.png" /></a></li>
	    <li><a href="http://www.google.com"><img width="200" height="133" alt="" src="p3.png" /></a></li>
    </ul>
استایل دکمه های پیش فرض
.ic_caption{
float:right;
background:red;
}
.ic_button{
float:right;
background:red;
}
.ic_active{
float:right;
background:red;
}
.ic_thumbnails{
float:right;
background:red;
}
فراخوانی در هدر
<script language="javascript" type="text/javascript" src="<?php bloginfo('template_directory');?>/js/jquery.infinitecarousel3.js"></script>
<script type="text/javascript" charset="utf-8">
$(window).load(function() {
$(‘#carousel’).infiniteCarousel({
transitionSpeed: 300 milliseconds,
displayTime: 6000 milliseconds,
internalThumbnails: false,
thumbnailType: 'buttons',
customClass: 'myCarousel',
progressRingColorOpacity: '0,0,0,1',
progressRingBackgroundOn: false,
margin: 10,
easeLeft: 'easeOutExpo',
easeRight:'easeOutQuart',
inView: 1,
advance: 1,
autoPilot: true,
prevNextInternal: true,
autoHideCaptions: false,
});
});
</script>