jcarousel pagination, images not text
Currently I am using the Jcarousel plugin in a rails app. I have external controls and pagination. I need to convert that pagination from using numbers to using images. I think the numbers are being used to know which image to show and I could easily setup rel's with the same numbers but I am not sure on the js and jquery necessary to convert that.
<script>
/**
* We use the initCallback callback
* to assign functionality to the controls
*/
function mycarousel_initCallback(carousel) {
jQuery('.jcarousel-control a').bind('click', function() {
carousel.scroll(jQuery.jcarousel.intval(jQuery(this).text()));
return false;
});
jQuery('#mwcarousel-next').bind('click', function() {
carousel.next();
return false;
});
jQuery('#mwcarousel-prev').bind('click', function() {
carousel.prev();
return false;
});
};
jQuery(document).ready(function() {
jQuery("#mwcarousel").jcarousel({
scroll: 1,
visible: 1,
initCallback: mycarousel_initCallback,
// This tells jCarousel NOT to autobuild prev/next buttons
buttonNextHTML: null,
buttonPrevHTML: null
});
});
</script>