You are combining jquery with mootools, you know that right? I mean, this shouldn't be a problem if you know what you're doing (I don't know jquery really though), but you can toss jquery away and just use mootools anyway for anything. And for that matter, I think, for what you want, you can do it in jquery as well (without the use of mootools I mean).
I guess you should develop both (the navigation on top and the thumbs + big image) independently and then merge them into one document. There's really no reason why one should affect the other. So I guess at the moment it's either something with the jquery and mootools combination, or it's css/styling where somehow the navigation blocks the thumbs (like as if there's a giant invisible div on top). Start from scratch if you can.. and perhaps post the stuff (like separate navigation tests) at jsfiddle. On Oct 22, 10:39 pm, Colt45 <[email protected]> wrote: > Ok, so I'm going to make this short and sweet but my nomenclature > might be a little off for some advanced JS users. > > The problem I'm having is relatively simple but just can't seem to fix > it. > > So, I downloaded the mouseenter function from Mootools and have found > that the second example from the demos is how I want my navigation > menu to function on my site. I like that it hides sub menus then shows > them when the mouse enters the field. However, there is a MAIN > function that I HAVE to have on my site and that is a hover function. > Let me explain. > > My photography website is going to act as a portfolio site mostly, so > when viewers go to the navigation menu and click on a section they'd > like to see, there will be circular thumbs that appear on the left > hand side of the page. Then from there once you hover your mouse over > each respective thumb and there will be an image that appears in a > specific viewing plane. This function worked until I downloaded the > mouseenter demo. Once I tried to implement the mouseenter then the > hover function stopped working. HOWEVER, the mouseenter DID work. > > So in a nutshell, whenever the hover function IS working for the > thumbs, the mouseenter is NOT working for the navigation menu. AND > when the hover function IS NOT working for the thumbs, the mouseenter > IS working for the navigation menu. This is done by moving the > respective <script> code in my head tags around. When I move the > positioning of the script code the functionality changes. > > I can't seem to get them both working at the same time. Is there a way > to fix this where they both are doing what they're suppose to? I feel > there is something in the Java code that is not allowing this but > whenever I try to read the code I feel like I'm trying to read > Shakespeare..... from a Russian book. > > So here is what I'm going to do... below I've attached links so you > can see what each respective thing is doing. I'm designing in Firefox > so this is what I'm seeing. > > *Please note the conditional comments I left in the head tag for the > script code as well as the code in the body tags for the nav menu. * > > Link where mouseenter function > workshttp://www.thedigitalmachineshop.com/mouseenterdemo1.htm > > Link where hover function > workshttp://www.thedigitalmachineshop.com/mouseenterdemo2.htm > > Thanks for any and all help. If you need more info please email me at > [email protected] > > The photography site I have up for now (but with changes on the way!) > Specializing in architectural photography, based out of Austin, > TX.www.thedigitalmachineshop.com > > Any feedback about ANYTHING is greatly appreciated. > > Colt
