Advanced Search

Results 1 to 3 of 3

Thread: lightbox messes everything up

  1. #1
    Join Date
    Aug 2010
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default lightbox messes everything up

    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

  2. #2
    Join Date
    Jul 2008
    Location
    Serbia
    Posts
    47
    Thanks
    3
    Thanked 1 Time in 1 Post

    Default

    hi,

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

    Code:
    <!--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

  3. #3
    Join Date
    Aug 2010
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Cheers, Ill give it a go

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •