<style type="text/css">
/*<![CDATA[*/
<!--
div.ic_myCarousel {
margin: 20px auto 0 auto;
clear:right;
}
.infiniteCarousel {
box-shadow: 0px 3px 3px #333;
border: 3px solid #333;
}
.ic_left_nav, .ic_right_nav {
display: none;
}
-->
/*]]>*/
</style>
CODIGO JAVASCRIPT:
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script src="http://notoyontoy.site40.net/Js/jquery.infinitecarousel3.min.js"></script>
<script type="text/javascript" src="http://notoyontoy.site40.net/Js/easing.js"></script>
<script>
var a = jQuery.noConflict();
a(document).ready(function() {
a('#carousel').infiniteCarousel({
transitionSpeed:12000, /*Tiempo de avance de las imagenes*/
displayTime: 2000, /* El tiempo en milisegundos para hacer pausa*/
thumbnailType: 'false',
customClass: 'myCarousel',
easeLeft: 'linear',
easeRight:'linear',
inView: 1, /*Imagenes mostradas*/
advance: true,
autoPilot: true,
displayProgressRing: true, /*muestra grafica del tiempo que pausa la imagen*/
});
});
</script