Deep Linking Pagination with jQuery Address

June 2nd, 2009 Posted by: - posted under:Tutorial

With most sites today so heavily reliant on loads of asyncronous requests with javascript,
json/p, flash, etc. It can be quite frustrating when trying to navigate a JS image gallery or RSS reader
while also making sure never to accidently hit back/forward/refresh so that you do not lose your place in browsing.
Want to send a link to the specific photo you are browsing in a JS gallery? Good luck getting your friends to click
the link and then hit “Next” 32 times to see the specific photo.

Facebook does a great job at keeping all of their heavy javascript pages (such as the photo gallery) deep-linked so this is not
an issue.

In the past, the most popular library for deep-linking was swfAddress and was primarily used for Flash.
swfAddress now supports AJAX though the same team has also released a lightweight version for jQuery called jQuery Address.

To demostrate deep-linking with jQuery Address I put together a quick demo of deep-linked pagination of a Flickr photo gallery as an example. You should be able to use your back/forward/refresh/bookmark functions just fine.

View Demo

Source


< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">