Bonjour,
j'ai mis en place l'effet lightbox qui fonctionne dont les includes sont :
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 :
avec menu.js étant la simple fonction
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
document.observe('dom:loaded', function () { new Lightbox(); });
dans la fonction 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
Partager