Magnific Popup meets HTML5 History API (via History.js)

GitHub repository. This is just a demo, not a ready plugin, assembled by Eugene / Dae (dae@dae.me).

Browser’s “Back” button closes the popup and “Forward” reopens previously open image.
Document title is updated dynamically with alt attribute of the open image.
Each image has its own URL, which can be bookmarked and shared. You may also want to write a server-side handler of the ?item GET-parameter to output og:image meta tag for Facebook and Twitter.

Water — Photo by Jeremy Bishop.

Forest — Photo by Charles Yeager.

Bamboo — Photo by kazuend.

How to make Magnific Popup open `?item=something` at page load?

Option 1. Server-side handler which outputs Javascript code. Example: open-item.php.
Option 2. Client-side handler (see magnific-popup.open-item.js).