My question isn’t necessarily how to do this, but what the preferred method is.
I’m building a personal page for a musician. The background is fairly image heavy so I don’t want it to have to reload when a link is clicked, and the content area is in an absolute positioned div. All content, including the nav bar is in this area. Nothing else on the page needs to change. I have been experimenting with iframes, but the problem is the frame height needs to change page to page. I looked at fixes for this, but it seems nothing works when the links and content are both inside the iframe. I also looked at some ajax scripts, but my knowledge of ajax and javascript is limited (although I am willing to learn).
My question is this: What is the best way to do this? I have come across many sites like the one I’m trying to build, but of course now that I need to find them, I can’t. Do I need to have the nav bar outside of the content div no matter what? And if so, how do I add down-states to the links if the parent page is not reloading?
I hope I explained this correctly. I know I can do this with some modification, but I guess I just want to know how the pros would handle this. Thanks in advance.