[jQuery] Re: Display subnav through external action

[Charlie]

One thought is a completely separate nav, absolute position div over navbar, triggered by hover on image. Could use some big offset  CSS to move superfish navbar off screen when mouse leaves the superfish ,  hover over image displays a fake navbar. Can use onBeforeSHow option of superfish to hide that absolute div if mouse goes back into superfish while it is visible Otherwise might try keeping the image in the li and see how overflow visible on that li reacts, perhaps absolute position the image within the last li, and hopefully mouse over  image keeps the hover on li active( guessing IE won't like this). greggo wrote: That didn't work to well. This link takes you to what I'm referring to: http://skitch.com/rexoom/ba8r8/ginger-nin-nav-breakdown On Jul 10, 1:00 pm, greggo <gosof...@gmail.com> wrote: It'll be difficult, given the design, to include the image as a part of the navigational list. In case you have any ideas, here's a breakdown of how I'd like it to work. <div class="thumbnail"><a href="" class="moz-txt-link-rfc2396E" href="http://skitch.com/rexoom/ba8r8/ginger-nin-nav-breakdown">"http://skitch.com/rexoom/ba8r8/ginger- nin-nav-breakdown"><img src="" class="moz-txt-link-rfc2396E" href="http://img.skitch.com/20090710-mr6sp4d5r2a6ief2u59anwdmpy.preview.jpg">"http://img.skitch.com/20090710- mr6sp4d5r2a6ief2u59anwdmpy.preview.jpg" alt="ginger-nin-nav- breakdown" /></a><br /><span style="font-family: Lucida Grande, Trebuchet, sans-serif, Helvetica, Arial; font-size: 10px; color: #808080">Uploaded with <a href="" class="moz-txt-link-rfc2396E" href="http://plasq.com/">"http://plasq.com/">plasq</a>'s <a href="" class="moz-txt-link-rfc2396E" href="http://skitch.com">"http://skitch.com">Skitch</a>!</span></div> On Jul 9, 11:15 am, Charlie <charlie...@gmail.com> wrote: not sure what to look at. Can put an image in li and class it to have different display css than other li's. Menu items need to stay in li for script also options like onBeForeShow can be helpful to script for different parts of menu. There's likely a solution that will work in list structure, can you be more specific about what you are trying  to accomplish greggo wrote:I have a navigational element that is distinct from the rest of my navigation and is a graphical icon. Therefore, I'm not using the standard <li> elements to display it. I'm simply using an <img> tag. The <li> tag for that nav element is not being displayed. I do however want the subnav to display when you mouse over the image. You can view it here:www.gingerninjas.comQuestion:How would I activate the display of the subnav (and hide the current subnav) using an object outside of the navigational list? I know I need to somehow trigger superfish with a mouseover event, but I'm not sure how to do that. Any help on this would be appreciated.