FullScreen для фотографий как на Facebook

Привет, парни! Ну и девушки тоже))
Все мы видели, как красиво показывает Фейсбук фотографии — он раскрывает их на полный экран. При этом он не использует Adobe Flash. Нет, нет.
Сейчас я покажу вам решение, которое они используют. Однако хочу сразу предупредить — это не работает на Internet Explorer.
Однако будет отлично работать на Chrome или WebKit браузеров, таких как Firefox. Кстати, это ещё одна причина отправить IE на помойку!))

Однако хватит слов — больше дела!
Вот кусочек кода, который всё объяснит:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>jaspreetchahal.org</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> </head> <body > <a href="javascript:void(0)" id="fullscreen">full screen</a> <script> $("#fullscreen").bind("click", function() { var elem = document.getElementById("img"), req = elem.requestFullScreen || elem.webkitRequestFullScreen || elem.mozRequestFullScreen ; req.call(elem); }); </script> <img src="/path/to/your/img" id="img" /> </body> </html>

И это работает! За примерами можно сходить на сайт Фотоностра
Исходная статья: jQuery Full Screen Facebook Like