11528 sujets

JavaScript, DOM et API Web HTML5

Bonjour,
J'ai un slider animé et je souhaiterais ralentir l'animation, pas celle de la transition (vitesse à laquelle les fenêtres s'ouvrent afin de faire apparaître l'image suivante) mais rester plus longtemps sur chaque image (afin d'avoir le temps de lire le texte qui y figure).
Je pense qu'on peut le faire à partir de ce code :
	$.Slitslider.defaults = {
		// transitions speed
		speed : 800,
		// if true the item's slices will also animate the opacity value
		optOpacity : false,
		// amount (%) to translate both slices - adjust as necessary
		translateFactor : 230,
		// maximum possible angle
		maxAngle : 25,
		// maximum possible scale
		maxScale : 2,
		// slideshow on / off
		autoplay : false,
		// keyboard navigation
		keyboard : true,
		// time between transitions
		interval : 4000,
		// callbacks
		onBeforeChange : function( slide, idx ) { return false; },
		onAfterChange : function( slide, idx ) { return false; }
	}


Mais j'ai tenté de changer un peu tout sans arriver à faire ce que je désirais.
Est-ce simple à faire ?
Merci et bon dimanche Smiley cligne
P.
Salut,
C'est indiqué pourtant :
// time between transitions
interval : 4000

Si rien ne se passe en changeant la valeur, alors le problème vient d'ailleurs.
Salut,
C'est indiqué pourtant :
// time between transitions
interval : 4000

Si rien ne se passe en changeant la valeur, alors le problème vient d'ailleurs.
Meilleure solution
Bonjour Olivier C,
Après des semaines à chercher, je suis tomber ACCIDENTELLEMENT (et oui Smiley cligne ce matin sur ce script, bien caché avant le </body> et pas du tout dans le fichier js dédié au slider.

                <script>
$('#slider').slitslider({
    autoplay: true, 
    interval: 5000,
    onAfterChange: function(slide, idx) {
        slitslider._startSlideshow(); // Starts the autoplay again
        return false;
    }
});
		</script>


C'était bien l'interval, mais ailleurs Smiley smile

Merci pour tout, bonne journée,
P.