EasySlide qui ne marche pas

Bonjour,

J'ai un soucis, ma fonction d'easy Slide ne marche pas lorsque je clique sur les bouton "suivant" ou "précédent" (d'ailleurs ils s'affichent par défaut alors que je crois que le "précédent" ne s'affiche pas quand on est sur la première image...)

J'appelle la fonction comme suit :

La page tournées :

Code:

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
<?php require_once('lib_publique.php'); ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Tournée</title>
<link href="css/skin.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="css/l/lightbox.css" type="text/css" media="screen" />
<script src="javascripts/j/jquery.js" type="text/javascript"></script> 
<script src="javascripts/j/easySlider1.5.js" type="text/javascript"></script> 
<script src="javascripts/j/easySlider.packed.js" type="text/javascript"></script>
<script src="javascripts/p/prototype.js" type="text/javascript"></script>
<script src="javascripts/s/scriptaculous.js" type="text/javascript"></script>
<script src="javascripts/l/lightbox.js" type="text/javascript" ></script>
<script src="javascripts/lib.js" type="text/javascript" ></script>
<script type="text/javascript">
				$(document).ready(function(){	
				$("#slider").easySlider();
				});
				</script>
</head>
<body>
<div id="page">
<p><?php if( !isset($_GET['id_tournee']) ){ ChoisirTournee($database_jj, $jj); } ?></p>
</div>
</body>
</html>

et dans lib_piblique.php, la fonction ChoisirTournee() est :

Code:

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
function ChoisirTournee($database_jj, $jj)
{
	mysql_select_db($database_jj, $jj);
	$query_R = "SELECT * FROM jj_tournees ORDER BY `id` ASC";
	$R = mysql_query($query_R, $jj) or die(mysql_error());
	$row_R = mysql_fetch_assoc($R);
	$totalRows_R = mysql_num_rows($R);
		echo '<div id="slider">';
		echo '<ul>';
		do { 
		echo '<li>';
		echo '<a href="#'.$row_R['nom_tournee'].'" onclick="chargerPage(\'tournees.php?id_tournee='.$row_R['id'].'\',\'contenudynamique\')">';
		echo '<img src="'.$row_R['photo_id'].'">';
		echo '</a>';
		echo '</li>';
	} while ($row_R = mysql_fetch_assoc($R));
		echo '</ul>';
		echo '</div>';
		echo '<span id="prevBtn"><a href="javascript:void(0);">Précédent</a></span> ';
		echo '<span id="nextBtn"><a href="javascript:void(0);">Suivant</a></span>';
		echo '<script type="text/javascript">
				$(document).ready(function(){	
				$("#slider").easySlider();
				});
				</script>
			';
 
}

Si jamais vous avez une idée, je suis preneur :D

NB: La page tournees.pgp (première portion de code) est appellée en AJAX dans un div (nommé "contenudynamique", lui même imbriqué dans "contenu") d'une page index.php).

Merci,
Sébastien