I want to create a gallery which behaves like http://darrenbooth.com/.

 

Once a thumbnail is clicked new content is brought onto the page without the page rest of the page reloading but yet gives a new URL.

 

Can someone please explain how this works and point me in the right direction?

 

Thanks.

By the looks of it all that content is already on the page but hidden and it uses some jQuery to display the correct content by matching the link to the data-url attribute on the content.

This gives a very quick overview of two techniques for manipulating browser history http://videos.mozill...ip-writeup.html

 

This may be helpful if you want to give it a go - https://github.com/b...ton/History.js/ though I use Powertools plugin for Mootools personally.