Hola compañeros tengo una pagina dode tengo dos codigos de de javascript una es un menu e jquery y el otro es de imagenes de lightbox. pero el problema es que cuando coloco el codigo de lightbox por ensima del codigo de menu desplegable no me funciona el lightbox pero si coloco el codigo despues de menu si me funciona el lightbox pero el menu desplegable No.!
este es el codigo del lightbox:
<script type="text/javascript" src="lightbox2.04/js/prototype.js"></script>
<script type="text/javascript" src="lightbox2.04/js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="lightbox2.04/js/lightbox.js"></script>
y el codigo de menu desplegable en jquery es :
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript">
$(function() {
/**
* the menu
*/
var $menu = $('#ldd_menu');
/**
* for each list element,
* we show the submenu when hovering and
* expand the span element (title) to 510px
*/
$menu.children('li').each(function(){
var $this = $(this);
var $span = $this.children('span');
$span.data('width',$span.width());
$this.bind('mouseenter',function(){
$menu.find('.ldd_submenu').stop(true,true).hide();
$span.stop().animate({'width':'510px'},300,functio n(){
$this.find('.ldd_submenu').slideDown(300);
});
}).bind('mouseleave',function(){
$this.find('.ldd_submenu').stop(true,true).hide();
$span.stop().animate({'width':$span.data('width')+ 'px'},300);
});
});
});
</script>.
help me.!
