Discussion :

[Haxor668]

Hello,
ce code permet de faire cycler des photos toutes les 10 secondes, et j'aimerai que quand on clique sur le lien "#clicknext" ça déclenche le passage à la photo suivante.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
$(document).ready( function () {
	$('#diapo').cycle({ 
    		fx:    'fadeZoom', 
    		timeout: 1000 
    	});
 
 	$("#clicknext").click( function() {
 		comment appeler le passage à la photo suivante ici ?
 	});
 
});

Merci de votre aide

[onirisme]

Bonjour,

Je ne connais pas du tout ce plugin mais regarde du côté des options, voici la documentation : Documentation

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
$.fn.cycle.defaults = { 
    speed:         1000,  // speed of the transition (any valid fx speed value) 
    speedIn:       null,  // speed of the 'in' transition 
    next:          null,  // selector for element to use as click trigger for next slide 
    prev:          null,  // selector for element to use as click trigger for previous slide

Essaye avec ce code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
 
$(document).ready(function(){
    $('#diapo').cycle({
        fx: 'fadeZoom',
        timeout: 1000,
        next: "#clicknext"
    });
 
});

ou comme ceci

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
 
$(document).ready(function(){
    $('#diapo').cycle({
        fx: 'fadeZoom',
        timeout: 1000
    });
    $('#clicknext').click(function(){
        $('#diapo').cycle('next');
 
    });
 
});

[Haxor668]

merci , j'ai compris le principe