Bonjour, j'ai réalisé une page internet avec un slide fait en Jquery, cela fonctionnait jusqu'à hier, c'est à dire que j'arrivais à passer de slide en slide mais aujourd'hui ca ne veut pas..

Ce qui a changé, hier, j'avais placé une image avec du javascript qui avait une écoute au clique et quand je cliquais dessus, j'appellais une fonction et mon slide bougeait, aujourd'hui, pour des problèmes de grandeur de la page, j'ai choisi de placer l'image en HTML simple où quand je clique dessus, j'ai également une fonction mais il ne se passe rien, en débuguant mon code, je pense que le problème vient du déplacement qui ne veut plus se faire..

Voici le code d'hier:
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
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
 
$(document).ready(function(){
	//Configuration
	var tempsTransition = 1000;
	var tempsAttente = 6000;
	var currentPosition = 0;
	var slideWidth = 560;
	var slides = $('.slide');
	var numberOfSlides = slides.length;
	var interval;
 
  // Supprime la scrollbar en JS
  $('#slidesContainer').css('overflow', 'hidden');
 
  // Attribue  #slideInner  à toutes les div .slide
  slides
    .wrapAll('<div id="slideInner"></div>')
    // Float left to display horizontally, readjust .slides width
	.css({
      'float' : 'left',
      'width' : slideWidth
    });
 
  // Longueur de #slideInner égale au total de la longueur de tous les slides
  $('#slideInner').css('width', slideWidth * numberOfSlides);
 
  // Insert controls in the DOM
  $('#slideshow')
    .prepend('<span class="control" id="leftControl">Précédent</span>')
    .append('<span class="control" id="rightControl">Suivant</span>');
 
 
 
  // Hide left arrow control on first load
  manageControls(currentPosition);
 
  //Crée un écouteur d'évènement de type clic sur les classes .control
  $('.control')
    .bind('click', function(){
 
    // Determine la nouvelle position
	currentPosition = ($(this).attr('id')=='rightControl') ? currentPosition+1 : currentPosition-1;
 
     if(currentPosition == numberOfSlides && retour == false )
     {
		currentPosition--;
		pause();
     }
 
    // Cache ou montre les controles
    manageControls(currentPosition);
    // Fais bouger le slide
    $('#slideInner').animate({
      'marginLeft' : slideWidth*(-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){ $('#leftControl').hide() } else{ $('#leftControl').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){
		$('#rightControl').hide();
	} else {
		$('#rightControl').show();
	}
	if(position == numberOfSlides && retour == true){
		currentPosition = 0;
		 $('#leftControl').hide();
	}
  }
  function suivant()
{
	$('#rightControl').click();
 
}
 
 
 
});
Voici le code d'aujourd'hui:
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
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
 
$(document).ready(function()
{
    //Configuration
    //var retour = true;
	var tempsTransition = 1000;
	var currentPosition = 0;
	var slideWidth = 590;
	var slides = $('.slide');
	var numberOfSlides = slides.length;
	var interval;
 
    // Supprime la scrollbar en JS
    $('#slidesContainer').css('overflow', 'hidden');
 
    // Attribue  #slideInner  à toutes les div .slide
    slides
    .wrapAll('<div id="slideInner"></div>')
    // Float left to display horizontally, readjust .slides width
	.css({
      'float' : 'left',
      'width' : slideWidth
    });
 
    // Longueur de #slideInner égale au total de la longueur de tous les slides
    $('#slideInner').css('width', slideWidth * numberOfSlides);
 
    // Hide left arrow control on first load
    manageControls(currentPosition);
 
    // 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)
		{ 
			//$('#leftControl').css('display', 'none');
			//$('#rightControl').css('display', 'inline');
		}else
		{ 
			//$('#leftControl').css('display', 'inline');
			//$('#rightControl').css('display', 'none');
		}
	}
 
  	function initialiseMenu()
	{
		// on cache le menu facture et on montre le menu de la conso tarifs heures creuses
		$('#tableauFacture').css('display', 'none');
		$('#consommationBase').css('display', 'inline');
	}
 
	initialiseMenu();
});
 
function bouge(nomImage)
{
	go();
 
	// Determine la nouvelle position
	if(nomImage == "rightControl")
	{
		currentPosition = 1;
	}else
	{
		currentPosition = 0;
	}
 
	alert("bon");
	// Fais bouger le slide
	$('#slideInner').animate(
	{
		'marginLeft' : slideWidth*(-currentPosition)
	},tempsTransition);
 
}
Ce qui change entre ces deux codes, est le fait donc que mon image a été placée en HTML et non en Javascript.

Pour moi, le problème viendrait de cette ligne vu que tout fonctionne jusqu'à celle-ci:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
 
// Fais bouger le slide
	$('#slideInner').animate(
	{
		'marginLeft' : slideWidth*(-currentPosition)
	},tempsTransition);
Malheureusement, je ne sais pas comment y remédier.