Bonjour,

j'ai mis en place l'effet lightbox qui fonctionne dont les includes sont :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
 
jquery.js
prototype.js
scriptaculous.js?load=effects,builder
lightbox.js
j'ai ensuite voulu ajouter un menu horizontal qui fonctionne également dont les includes sont :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
 
jquery.js
menu.js
avec menu.js étant la simple fonction
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
 
$(document).ready(function(){
$("#menu div").each(function(){
   $(this).mouseover(function(){
     $(this).children("ul").slideDown("fast");
         if($.browser.msie) { var hauteur = $(this).width(); $(this).children("ul").css({marginLeft:"-"+hauteur+"px"});   }
         $(this).prev().children("ul").fadeOut("fast");
     $(this).siblings().children("ul").fadeOut("fast");
   });
});
 
$("body").click(function(){
  $("#menu div ul").fadeOut("fast");
});
});
Mon problème :
les pages dans lesquelles cohabitent les deux codes ne fonctionnent pas totalement et c'est soit l'un soit l'autre :

j'ai tenté de déplacer la fonction

Code : Sélectionner tout - Visualiser dans une fenêtre à part
document.observe('dom:loaded', function () { new Lightbox(); });
dans la fonction
Code : Sélectionner tout - Visualiser dans une fenêtre à part
$(document).ready
mais sans succès. Je n'arrive pas à comprendre pourquoi les deux bibliothèques ne cohabitent pas... d'autant qu'elles sont basées sur jquery.

Plus généralement, y'a-t-il des difficultés à utiliser des bibliothèques différentes et pourtant issues de jquery ?

merci pour vos réponses avisées