swap image upon hitting an anchor. (one page layout using the JQuery Scrolling Effect)
Specifics:
I'm using a fixed div header and footer.
Single page design.
Navigation links scroll to anchors with jquery.
let's say they're are two sections. topic1 and topic2.
the navigation links use 3 images:
1. not-visting
2. hover
3. visiting
if the user clicks topic1 and then decides to scroll topic2 I want "visiting" to change to "not-visiting" and "not-visiting" to change to "visiting."
I will admit I'm a designer, and not a JS guru (though I wish I was).
any information to help me achieve this would be greatly appreciated!
and if my ignorance has prevented me from sharing vital information that would assist in your helping me, let me know too.
thanks so much in advance!
~ Jeffrey James
P.S.
I attached a screenshot of the site to give you a visual idea.