lightbox messes everything up

[flashvenom]

hey guys

I am building a site you can see it at http://www.platinumescorts.co

on the home page I have a css animated menu and a bit of flash and all is good but on the next page i built http://www.platinumescorts.co/profiles.html i have added a lightbox and for some reason it stop the animated menu.

I have tried everything to fix it but no joy, any Ideas?

Any help would much appreciated.

Cheers
:D

[bokanegro]

hi,

You are using jQuery library and Prototype library that may be problem, why don't you use jquery lightbox?



<!--MENU SCRIPT START-->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
<script type="text/javascript">

$(document).ready(function() {

$("#topnav li").prepend("<span></span>"); //Throws an empty span tag right before the a tag

$("#topnav li").each(function() { //For each list item...
var linkText = $(this).find("a").html(); //Find the text inside of the a tag
$(this).find("span").show().html(linkText); //Add the text in the span tag
});

$("#topnav li").hover(function() { //On hover...
$(this).find("span").stop().animate({
marginTop: "-40" //Find the span tag and move it up 40 pixels
}, 250);
} , function() { //On hover out...
$(this).find("span").stop().animate({
marginTop: "0" //Move the span back to its original state (0px)
}, 250);
});


});
</script>

<script type="text/javascript" src="scripts/prototype.js"></script>

<script type="text/javascript" src="scripts/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="scripts/lightbox.js"></script>
<!--MENU SCRIPT END-->



If you wish to use this lightbox check this link:


Using jQuery with Other Libraries (http://docs.jquery.com/Using_jQuery_with_Other_Libraries)

[flashvenom]

Cheers, Ill give it a go