<!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