Bonjour à tous,

Et dans un premier temps bonne fin d'année, en espérant que 2010 sera meilleure pour tous !

Je sais que ce sujet à déjà été traité, sur ce site et ailleurs, mais je n'arrive pas à trouver la solution... Je précise que j'ai vraiment des connaissances minimes en javascript, ça peut être utile pour plus tard !
J'utilise sur un site deux effets mootools et Jquery. Comme bon nombre de personnes, j'arrive bien évidemment à faire fonctionner les 2 effets séparément, mais je tombe sur la fameuse incompatibiltié quand j'essaye d'utiliser les 2 sur une même page. J'ai bien lu plein de trucs au sujet de "jquery noconflict", mais je n'arrive pas à le mettre en oeuvre (parce que je n'ai pas les connaissances justement).
Si vous pouvez me guider "pas à pas", voici mon code :

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
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
 
<!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" xml:lang="fr" lang="fr">
 
<head>
    <title>{TITRE}</title>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	<META NAME="DESCRIPTION" CONTENT="{DESCRIPTION}">
	<META NAME="KEYWORDS" LANG="fr" CONTENT="{KEYWORDS}">
	<META NAME="LANGUAGE" CONTENT="FR">
	<META NAME="ROBOTS" CONTENT="index, follow, all">
	<META NAME="GOOGLEBOT" CONTENT="index, follow, all">
	<META NAME="AUTHOR" CONTENT="X">
	<META NAME="COPYRIGHT" content="xxx">
 
	<link rel="stylesheet" href="css/style.css" type="text/css" media="all" charset="utf-8" />
	<link rel="stylesheet" href="css/photo_simple.css" type="text/css" media="all" charset="utf-8" />
	<link type="text/css" rel="stylesheet" href="css/byslidemenu.css" media="all">
	<link type="text/css" href="css/galerie_photo.css" rel="stylesheet" />
 
	<script type="text/javascript" src="js/mootools-core.js"></script>
	<script type="text/javascript" src="js/byslidemenu.js"></script>
	<script type="text/javascript" src="js/byslidemenu_demo.js"></script>
	<script type="text/javascript" src="js/jquery.js"></script>
 
	<script type="text/javascript" src="js/pikachoose.js"></script>
 
</head>
 
<body>
 
 
		<!-- Début du menu -->
		<div id="menu">
		<ul class="bsm" id="byslidemenu">
		<li id="compressmenu_Elm1" class="first"><a class="lien" href="index.php?lien=presentation"><img alt="" src="images/menuaccueil.jpg"></a></li>
		<li class="galerie_toiles" style="background-image:url(images/menugalerie.jpg);">
			<table align="right">
				<tr>
					<td><a class="lien" href="index.php?lien=galerie">Danse</a></td>
					<td class="droite"><a class="lien" href="index.php?lien=galerie">Echecs</a></td>
				</tr>
				<tr>
					<td><a class="lien" href="index.php?lien=espagne">Espagne</a></td>
					<td class="droite"><a class="lien" href="index.php?lien=galerie">Portraits</a></td>
				</tr>
				<tr>	
					<td><a class="lien" href="index.php?lien=galerie">Femmes</a></td>
					<td class="droite"><a class="lien" href="index.php?lien=galerie">Musique</a></td>
				</tr>
				<tr>
					<td><a class="lien" href="index.php?lien=galerie">Mythologie</a></td>
					<td class="droite"><a class="lien" href="index.php?lien=galerie">Symbolique</a></td>
				</tr>
				<tr>
					<td><a class="lien" href="index.php?lien=galerie">Chevaux</a></td>
					<td class="droite"></td>
				</tr>
			</table>
		</li>
		<li class="perfomances" style="background-image:url(images/menuperformances.jpg);">
			<table class="une_colonne" align="right">
				<tr>
					<td><a class="lien" href="index.php?lien=performances">Particuliers</a></td>
				</tr>
				<tr>
					<td><a class="lien" href="index.php?lien=performances">Professionnels</a></td>
				</tr>
				<tr>
					<td><a class="lien" href="index.php?lien=performances">Evénements</a></td>
				</tr>
			</table>
 
		</li>
		<li class="news_liens" style="background-image:url(images/menunews.jpg);">
			<table class="news_liens_align" align="right">
				<tr>
					<td><a class="lien" href="index.php?lien=news">Expositions</a></td>
					<td class="droite"><a class="lien" href="index.php?lien=news">Performances</a></td>
				</tr>
				<tr>
					<td><a class="lien" href="index.php?lien=news">Collection</a></td>
					<td class="droite"><a class="lien" href="index.php?lien=news">Liens</a></td>
				</tr>
			</table>
		</li>
		<li class="contact""><a class="lien" href="index.php?lien=contacts"><img alt="" src="images/menucontacts.jpg"></a>
		</li>
	</ul>
	</div>
		<!-- Fin du menu -->
 
		<!-- Le corps des différentes pages viendra se mettre ici -->
		<div id="corps">{CORPS}</div>
 
</body>
</html>
La balise corps, dans mon cas précis, contient le code :

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
 
    <div id="image_laterale_gris"></div>
 
	<div class="pikachoose">
 
	<ul id="pikame">
		<li><img src="toiles/espagne/crepusculeandalous.jpg" title="titre de la photo"/><span><a href="http://www.di-credico.com">Tu peux mettre des liens en dessous</a></span></li>
		<li><img src="toiles/espagne/esquive.jpg"/><span>Ou juste du texte</span></li>
		<li><img src="toiles/espagne/intensite.jpg"/><span>Ou encore tout le code que tu veux !</span></li>
		<li><img src="toiles/espagne/jusquaucoeur.jpg"/><span> Aliquam erat volutpat. </span></li>
		<li><img src="toiles/espagne/lederniercombat.jpg"/><span> In ornare, neque ut malesuada hendrerit.</span></li>
		<li><img src="toiles/espagne/lepeedelumiere.jpg"/><span> Aliquam condimentum dolor sed elit. </span></li>
		<li><img src="toiles/espagne/habitdelumiere.jpg"/><span> Aliquam condimentum dolor sed elit.</span></li>
		<li><img src="toiles/espagne/miseamort.jpg"/><span> Ut non magna at purus cursus facilisis.</span></li>
		<li><img src="toiles/espagne/oletoro.jpg"/><span> Nunc semper dapibus erat. Nulla hendrerit.</span></li>
		<li><img src="toiles/espagne/picador.jpg"/><span> Nunc semper dapibus erat. Nulla hendrerit.</span></li>
		<li><img src="toiles/espagne/taureadortauro.jpg" alt="11" title="photo_simple.css" /><span>Du texte</span></li>
        <li><img src="toiles/espagne/taurofeu.jpg" alt="12" title="photo_simple.css" /><span> Nunc semper dapibus erat. Nulla hendrerit.</span></li>
        <li><img src="toiles/espagne/tauro.jpg" alt="13" title="photo_simple.css" /><span> Nunc semper dapibus erat. Nulla hendrerit.</span></li>
	</ul>
	</div>

Merci à ceux qui pourront m'aider à rendre compatible mes deux effets, et comme je le disais plus haut en m'expliquant vraiment comme à un débutant. Merci beaucoup !