SQLの窓

2014年07月11日


jQuery/JavaScript : 画像を最初から最大表示する為の window.open

大きい画像は、一般的なツールで表示しようとすると適当な大きさに縮小して表示したりしますが、縦の画像の場合はディスプレイの向きと合わずにあまり大きく表示されなかったりします。ですが、最初から鮮明な画像を参照目的で表示したい場合もあるので、window.open で目的のサイズを作成して、そこへ img 要素を書き込んで表示します
 

<script type="text/javascript">
$(function(){

	$("#image_open")
		.attr("type", "button")
		.val("画像を最初から最大表示")
		.click(function(){
			var w=1000,h=860;

			var hwin=window.open(
				"about:blank",
				"",
				// ウインドウの状態を設定
				"width="+w+
				",height="+h+
				",resizable=1,scrollbars=1"+
				",left="+(screen.width-w)/2+
				",top="+(screen.height-(h+100))/2);

			// ウインドウに書き込み
			hwin.document.write("<img src=\""+$(this).data("url")+"\">");
		});

});

</script>

<input id="image_open" data-url="https://lh4.googleusercontent.com/-Mq-8YkdWapM/U78yGav_zNI/AAAAAAAAVOg/ThULLTH3h0E/s1200/1405013162220598.jpg"> 


【jQueryの最新記事】
posted by lightbox at 2014-07-11 14:04 | jQuery | このブログの読者になる | 更新情報をチェックする
container 終わり



フリーフォントで簡単ロゴ作成
フリーフォントでボタン素材作成
フリーフォントで吹き出し画像作成
フリーフォントではんこ画像作成
ほぼ自由に利用できるフリーフォント
フリーフォントの書体見本とサンプル
画像を大きく見る為のウインドウを開くボタンの作成

CSS ドロップシャドウの参考デモ
イラストAC
ぱくたそ
写真素材 足成
フリーフォント一覧
utf8 文字ツール
右サイド 終わり
base 終わり