Forum Moderators: open
I have a homepage and four subpages. The structure of the page:
Logo ¦ Nav
Header Image
Tabs of "sub pages"
Subpage content
I want the onclick tab action to also swap out the header image depending on what "subpage" is called via ajax.
My question then is, would the onclick function include a part that says
if onclick url=subpage1.html, then swap header and content
or should it be
if onclick url=subpage1.html then swap out entire page with new page.
I'm thinking that if the entire page fades in/out it would confuse the user more than if it was just the subpage content and header image.
Right?
Swapping header + content will require 2 Ajax call or special treatment.
Loading a new page in all cases, is normal practice, and will not confuse user, as the logo and Header Images are cached, there is little overhead considerations.
I don't see many people "bookmarking" a townhome description page...
daveVk, imagine a tab or image fading in and out, versus an entire page. How often do you see an entire page fade in and out? Whether the header image/logo is cached doesn't make a difference when the main nav (not tabs) is grouped into the easing function.
Sometimes text isn't as efficient as a demo I guess.
each tab is a separate page/url. So if javascript is turned off it still degrades nicely
You could load the entire page and still have only the same area fade out and in, although the transition in the middle may not be as clean.
Assuming the header is just an image or at least you only need to change the image between pages then something like
$('#headImage').src = "Img1.gif" may suffice.
An alternative approach would be to include all the content in one page and use script to control what is visible, not sure if that would be Wordpress friendly ?
I just say "f" it, K.I.S.S. and have the tabs just open to new pages! The job isn't paying enough for me to put this much effort into it.
