<!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>
Read more: http://jaspreetchahal.org/jquery-full-screen-facebook-like/#ixzz27n7G2yLD