So basically all my content is in a div with an id of "#slider". When you click on a thumbnail, I remove the current content from this div and load the content of the #slider div that’s in another html page. Two problems though :
- First, as you can see there is a weird shift of the whole div to the right, outside the wrapper. This state is fully functional though, I am using fancybox to display additional images of the artwork (when you click on "view more")
- When I refresh the page, the shift to the right disappears, but now fancybox doesn’t work anymore? I must say that I am new to jQuery and Ajax, so I find it hard to debug by myself.
- Third thing, I was wondering how I could, when clicking on a specific thumbnail, load the page scrolled down to the related project. I tried using page jumps (<a name="blabla"> etc) which work when js is disabled, but not when it’s not…