Discussion :

[diagonale]

Bonjour,

Voici un script de slide basique en jquery:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
jQuery(document).ready(function(){
	var selected=0;
	var max= $("#slide ul li").length;
 
$("#slide ul li").each(function(i){
	if(i==0)
		$(this).show();
	else $(this).hide();
});
  $("#slide #suivant").click(function(){
	 selected++;
      if(selected>=max) selected=0;
      $("#slide ul li").hide();
      $("#slide ul li").eq(selected).fadeIn(1000);	  
  });
$("#slide #precedent").click(function(){
	 selected--;
      if(selected<0) selected=max-1;
      $("#slide ul li").hide();
      $("#slide ul li").eq(selected).fadeIn(1000);	  
  });
 
  });

Tout fonctionne, après clic sur [précédent] ou [suivant] mon slide charge l'image suivante, mais cela fait systématiquement remonter ma page en début de page.
Est-ce parce que ma page est rechargée ou y a-t-il une autre raison?
Existe-t-il un remède pour que page reste en place?

[Toufik83]

Code JQuery :

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

1
2
3
4
5
6
7
8
9
10
 
$("#slide #suivant").click(function(e){
  e.preventDefault();//inhiber le lien
....
}
 
$("#slide #precedent").click(function(e){
  e.preventDefault();//inhiber le lien
....
}