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 | このブログの読者になる | 更新情報をチェックする
バッチ処理

Microsoft Office
container 終わり

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

Android SDK ポケットリファレンス
改訂版 Webデザイナーのための jQuery入門
今すぐ使えるかんたん ホームページ HTML&CSS入門
CSS ドロップシャドウの参考デモ
PHP正規表現チェッカー
Google Hosted Libraries
cdnjs
BUTTONS (CSS でボタン)
イラストAC
ぱくたそ
写真素材 足成
フリーフォント一覧
utf8 文字ツール
右サイド 終わり
base 終わり