Results 1 to 1 of 1

Thread: jQuery Multi Level CSS Menu #2 prevents Lightbox working

  1. #1
    Join Date
    Sep 2011
    Thanked 0 Times in 0 Posts

    Default jQuery Multi Level CSS Menu #2 prevents Lightbox working

    1) jQuery Multi Level CSS Menu #2:


    3) hi, I'm struggling here with getting my menu to work with the lightbox, I have uploaded it to . No dropdowns appear under main menu when the lightbox code is in. If I delete the lightbox code the menu works perfectly. I'm more designer than programmer so please go easy,

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
    <html xmlns="">

    <link href="lightbox.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" type="text/css" href="jqueryslidemenu.css" />

    <!--[if lte IE 7]>
    <style type="text/css">
    html .jqueryslidemenu{height: 1%;} /*Holly Hack for IE7 and below*/

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

    <script type="text/javascript">

    <!-- By Deleting the following 4 lines my drop down menu will work, but obviously kills the lightbox feature :-( -->

    <script src="lightbox_assets/js/prototype.js" type="text/javascript"></script>
    <script src="lightbox_assets/js/scriptaculous.js?load=effects" type="text/javascript"></script>
    <script src="lightbox_assets/js/lightbox.js" type="text/javascript"></script>

    <style type="text/css">
    body {
    background-color: #000;
    <body onload="initLightbox()">

    <div id="myslidemenu" class="jqueryslidemenu">
    <li><a href="">Avantia 1</a></li>
    <li><a href="#">Item 2</a></li>
    <li><a href="#">Folder 1</a>
    <li><a href="#">Sub Item 1.1</a></li>
    <li><a href="#">Sub Item 1.2</a></li>

    <li><a href="#">Sub Item 1.3</a></li>
    <li><a href="#">Sub Item 1.4</a></li>
    <li><a href="#">Item 3</a></li>
    <li><a href="#">Folder 2</a>
    <li><a href="#">Sub Item 2.1</a></li>

    <li><a href="#">Folder 2.1</a>
    <li><a href="#">Sub Item 2.1.1</a></li>
    <li><a href="#">Sub Item 2.1.2</a></li>
    <li><a href="#">Folder 3.1.1</a>
    <li><a href="#">Sub Item</a></li>

    <li><a href="#">Sub Item</a></li>
    <li><a href="#">Sub Item</a></li>
    <li><a href="#">Sub Item</a></li>
    <li><a href="#">Sub Item</a></li>
    <li><a href="#">Sub Item 2.1.4</a></li>

    <li><a href="">Item 4</a></li>
    <br style="clear: left" />
    <div class="right">
    <a href="images/gallery/brooklands_6_tn.jpg" rel="lightbox[Ballingappa]"><img src="images/gallery/ballingappa_1_tn.jpg" width="148" height="95" /></a>


    Would greatly appreciate any insight to how i can resolve this,
    Last edited by tom182; 09-17-2011 at 03:42 PM.


Posting Permissions

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