$(document).ready(function() { //Configuration var retour = false; var tempsTransition = 1000; var afficherControle = true; var margeDroite = 10; var currentPosition = 0; var slideWidth = $('.agenda_contenu:first').width(); var slides = $('.agenda_contenu'); var numberOfSlides = slides.length; var interval; // Attribue #slideInner à toutes les div .agenda_contenu slides.wrapAll('
') // Float left to display horizontally, readjust .sliderdiapos width .css({ 'float': 'left', 'width': slideWidth, 'margin-right': margeDroite }); // Longueur de #slideInner égale au total de la longueur de tous les slides $('#slideAgendaInner').css('width', (slideWidth + margeDroite) * numberOfSlides); // Insert controls in the DOM $('#slider_agenda').append('
<>
'); // Hide left arrow control on first load manageControls(currentPosition); //Crée un écouteur d'évènement de type clic sur les classes.control $('.agenda_bouton').bind('click', function() { // Determine la nouvelle position currentPosition = ($(this).attr('id') == 'agenda_suivant') ? currentPosition + 1 : currentPosition - 1; if (currentPosition == numberOfSlides && retour == false) { currentPosition--; pause(); } // Cache ou montre les controles manageControls(currentPosition); // Fais bouger le slide $('#slideAgendaInner').animate({ 'marginLeft': (slideWidth + margeDroite) * (-currentPosition) }, tempsTransition); }); // manageControls: Cache ou montre les flêches de controle en fonction de la position courante function manageControls(position) { // Cache la fleche "précédent" si on est sur le premier slide if (position == 0) { $('#agenda_precedent').hide() } else { $('#agenda_precedent').show() } // Cache la fleche "suivant" si on est sur le dernier slide (et que le retour automatique n'est pas activé) if (position == numberOfSlides - 1 && retour == false) { $('#agenda_suivant').hide(); } else { $('#agenda_suivant').show(); } if (position == numberOfSlides && retour == true) { currentPosition = 0; $('#agenda_precedent').hide(); } if ((numberOfSlides <= 1) || (afficherControle == false)) { $('#agenda_suivant').hide(); $('#agenda_precedent').hide(); } } });