Problem with Lavalamp and One Page Navigation combination

Question

I am trying to make a new personal website.. The problem is that I am not very skilled with jQuery and I guess I bite off more than I can chew.. http://barnat.php5.cz/new/

What I was trying to accomplish is a combination of these two plugins:

LavaLamp - http://nixbox.com/projects/jquery-lavalamp/
jQuery One Page Nav Plugin

It seems to work pretty well, until user scrolls manually to another section. I somehow need to automatically highlight correct menu item.. click() is not working correctly (it causes unwanted autoscroll) and mouseover() is not working either, because the original menu item stays selected (not visually, but logically - hightlight returns to the original menu item).

Thanks for any advice.

score 0 · Answer 1 · answered Aug 01 '11 at 14:27

you must change the 'current' to the current page, e.g:

<!-- the current page is 'home.html' -->
    <ul class="lavaLampWithImage" id="1">
        <li class="current" ><a href="index.xhtml" >Home</a></li>
        <li><a href="systems.xhtml">Systems</a></li>
    </ul>

<!-- the current page is 'systems.html' -->
    <ul class="lavaLampWithImage" id="1">
        <li><a href="index.xhtml" >Home</a></li>
        <li class="current" ><a href="systems.xhtml">Systems</a></li>
    </ul>

Look the class statement.

Problem with Lavalamp and One Page Navigation combination

1 Answers1