/* Date de création: 2007-08-07 */ /** * http://www.billwscott.com/carousel/#static * Custom button state handler for enabling/disabling button state. * Called when the carousel has determined that the previous button * state should be changed. * Specified to the carousel as the configuration * parameter: prevButtonStateHandler **/ var handlePrevButtonState = function(type, args) { var enabling = args[0]; var leftImage = args[1]; if(enabling) { leftImage.src = "i/tbl-index-caroussel_12.gif"; } else { leftImage.src = "i/tbl-index-caroussel_12.gif"; } }; /** * Custom button state handler for enabling/disabling button state. * Called when the carousel has determined that the next button * state should be changed. * Specified to the carousel as the configuration * parameter: nextButtonStateHandler **/ var handleNextButtonState = function(type, args) { var enabling = args[0]; var rightImage = args[1]; if(enabling) { rightImage.src = "i/tbl-index-caroussel_16.gif"; } else { rightImage.src = "i/tbl-index-caroussel_16.gif"; } }; /** * You must create the carousel after the page is loaded since it is * dependent on an HTML element (in this case 'mycarousel'.) See the * HTML code below. **/ var carousel; // for ease of debugging; globals generally not a good idea var pageLoad = function() { carousel = new YAHOO.extension.Carousel("mycarousel", { numVisible: 3, animationSpeed: 0.50, scrollInc: 3, navMargin: 45, prevElement: "prev-arrow", nextElement: "next-arrow", size: 6, wrap: true, prevButtonStateHandler: handlePrevButtonState, nextButtonStateHandler: handleNextButtonState } ); }; YAHOO.util.Event.addListener(window, 'load', pageLoad);