What about AJAX? about magnific-popup-history-api-demo HOT 4 CLOSED

This is just a demo showing that Magnific Popup can be easily hooked up with History.js and HTML5 History API, not a complete extension. My code probably won't work with AJAX pages out of the box, but it should be easy to make it do so - look for $(document).ready calls and replace them with a "page changed" event listener.

I should note that Magnific Popup itself works perfectly fine with AJAX pages as well Dmitry Semenov's other plugin PhotoSwipe, which has History API support built in.

from magnific-popup-history-api-demo.

Thanks a lot Eugene.

I'm happy with Magnific Popup but want to load some external pages and have their URL displayed correctly for bookmarking etc. It has to be mydomain.com/external.html with external.html loaded as an AJAX page.

Can it be done with Magnific/your code. Or could you recommend an alternative?

from magnific-popup-history-api-demo.

I'm sure it can be done.

The whole code is trivial:
https://github.com/EugeneDae/Magnific-Popup-History-API-Demo/blob/gh-pages/magnific-popup.history.js

This piece reopens the popup when you load a page with the ?item=... query:
https://github.com/EugeneDae/Magnific-Popup-History-API-Demo/blob/gh-pages/magnific-popup.open-item.js

Example: http://eugenedae.github.io/Magnific-Popup-History-API-Demo/?item=images/forest-h800.jpg

If you want this out of the box, as I said, try http://photoswipe.com/

from magnific-popup-history-api-demo.

I suspect photoswipe works only with images but I want to load HTML pages. Anyways thank you. It seems I'll have to dig into the code=)

from magnific-popup-history-api-demo.