Hey guys,

 

Im working on a website and on every page in the footer there is a link saying contact us, there is also a contact page on the main navigation. Im using Fancybox to show other webpages and images, but I want to use it to show the primarycontent div which is on the contact.html page. When I follow the instructions for showing inline areas it just brings up the primarycontent of the page I am currently on despite changing the ref to contact.html#primarycontent.

 

Has anyone done this before or have any idea how I might be able to do it?

 

Thanks

Looks to me like you have to use the iframe link element to get what you are looking for. You're trying to pull some content from another Web page, not inline content from the page you're on.

 

<a class="iframe" href="contact.html#primarycontent">Contact us</a>

 

then modify the .iframe class in the fancybox style.css file to get the look you want.