<!DOCTYPE html>
<html lang="ja-JP">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,user-scalable=yes,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.5">
<title></title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script>
$(function(){
$("input:eq(0)").click(function(){
if(jQuery.browser.msie){
//
}
else if(jQuery.browser.mozilla){
document.querySelector("img").mozRequestFullScreen();
}
else if(jQuery.browser.webkit){
document.querySelector("img").webkitRequestFullScreen();
}
else if(jQuery.browser.opera){
//
}
});
$("input:eq(1)").click(function(){
if(jQuery.browser.msie){
//
}
else if(jQuery.browser.mozilla){
document.querySelector("body").mozRequestFullScreen();
}
else if(jQuery.browser.webkit){
document.querySelector("body").webkitRequestFullScreen();
}
else if(jQuery.browser.opera){
//
}
});
$("input:eq(2)").click(function(){
if(jQuery.browser.msie){
//
}
else if(jQuery.browser.mozilla){
document.mozCancelFullScreen();
}
else if(jQuery.browser.webkit){
document.webkitCancelFullScreen();
}
else if(jQuery.browser.opera){
//
}
});
});
</script>
</head>
<body>
<p>
<input type="button" value="img要素を最大化">
<input type="button" value="body要素を最大化">
<input type="button" value="解除">
</p>
<img src="img/image1.png">
</body>