Start a new discussion

To start a new discussion please visit the discussions section of the GitHub home page of the project.

Discussions on GitHub

You can also search our old self-hosted forums for any useful information below but please note that posting new content here is not possible any more.

Smartmenu with Lightbox overlay ?

Home Forums Older releases 1.0.x Smartmenu with Lightbox overlay ?

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • #2928

    Has anyone tried to integrate a lightbox overlay effect to work with the menu?

    example menu-

    I have tried but with limited success.. using a <div id=”menu-overlay”></div> just outside the menu

      and with a little javascript…

      var $menu = $(‘#mainmenu’);
      var $overlay = $(‘#menu-overlay’);

      var $this = $(this);
      $overlay.stop(true,true).fadeTo(200, 0.2);
      var $this = $(this);
      $overlay.stop(true,true).fadeTo(200, 0).css(‘display’,’none’);

      The problem is once the menu is clicked and loads onto a new page the smartmenu does not intialize until the mouse is moved..but the overlay effect does, so rectifying either would be a solution..

      I need to get the overlay only to fire once the smartmenu is intialized does anyone have any thoughts?



    Hi, do you have a live demo? As far as I can see, does not use the SmartMenus plugin.


    But in general the following should work fine (simplified example):

    var $menu = $('#main-menu'),
    	$overlay = $('#menu-overlay');
    	'beforeshow.smapi': function(e, menu) {
    	'hide.smapi': function(e, menu) {
    		var obj = $(this).data('smartmenus');
    		if (obj.visibleSubMenus.length == 0) {

    Brilliant like a charm.

    Thanks for your help.. great plugin!!!!


    Np, cheers!

Viewing 5 posts - 1 through 5 (of 5 total)
  • The forum ‘1.0.x’ is closed to new topics and replies.