PDA

View Full Version : Smooth Nav Menu with Lightbox



checha
07-24-2010, 11:44 PM
1) Script Title: Smooth Navigational Menu combined with Lightbox Image Viewer

2) Script URL (on DD):
http://www.dynamicdrive.com/dynamicindex4/lightbox2/index.htm

http://www.dynamicdrive.com/dynamicindex1/ddsmoothmenu.htm

3) Describe problem:
Had the lighbox for long time up and running until now that I added the Smooth Navigational Menu. The menu works fine but the lightbox stopped.
In new page, tried lightbox by itself and worked, menu by itself and worked, both together made lightbox stop working. (Not and issue with browser)

Is there a compatibility problem between them? Could it be that in the code I have two <link rel="stylesheet" ?

http://www.puchulutegui.com/test.html

Thanks in advance.

checha
07-25-2010, 01:38 AM
We spent a few hours and found the problem to be the order of the scripts. I had Lightbox script first, followed by Smooth menu. For those of you that want to used these two together, make sure you follow this:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="js/ddsmoothmenu.js"> </script>
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects"> </script>
<script type="text/javascript" src="js/lightbox.js"> </script>
<link rel="stylesheet" type="text/css" href="css/lightbox.css" media="screen" />
<link rel="stylesheet" type="text/css" href="css/ddsmoothmenu.css" />
<link rel="stylesheet" type="text/css" href="css/ddsmoothmenu-v.css" />

JohnnyDreamweaver
02-10-2011, 02:32 AM
Excellent Solution!!! I've been struggling with this for a few hours but now its working.