<p class="thumb"><img src="http://web-marketing.zako.org/wp-content/uploads/2009/04/closrit.png" alt="高解像度の画像をズーム機能付で埋め込める「Closr.it」" title="高解像度の画像をズーム機能付で埋め込める「Closr.it」" width="514" height="204" class="alignnone size-full wp-image-3706" /></p><p>jQuery等を使って、画像をサイト上で拡大･縮小できるようにすることは可能ですが、「もっとサクッとやりたい」「自分のブログサービスではAjaxが使えない。」そんな人にオススメなのが、画像表示する際にズーム機能を付けてくれるこのサービスです。</p><!--more--><h3 class="header-label">高解像度の画像をズーム機能付で埋め込める「Closr.it」</h3><p>「<a class="web-site-link" href="http://www.closr.it/" onclick="window.open('http://www.closr.it/'); return false;">Closr.it</a>」は、画像をアップすると、ズーム機能付の埋め込みタグを発行してくれる、画像共有サイト。</p><p>iGoogleガジェットやデスクトップガジェットにも対応。似たようなサービスには「<a href="http://web-marketing.zako.org/web-service/view-add-notes-on-your-site-phlook.html">画像にコメントも付けられるPhlook</a>」があります。</p><dl class="head-line"><dt>サンプル画像１</dt><dd><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" 	codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" 	width="425" height="334" id="closr_HJSKHdJL69I"> 	<param name="movie" value="http://c1262832.cdn.cloudfiles.rackspacecloud.com/closr.swf?name=HJSKHdJL69I&cidin=c0044992" /> 	<param name="quality" value="high" /> 	<param name="allowScriptAccess" value="always" /> 	<param name="allowNetworking" value="all" /> 	<param name="allowfullscreen" value="true"> 	<param name="play" value="true"> 	<param name="loop" value="false"> 	<param name="scale" value="noscale"> 	<param name="devicefont" value="true"> 	<param name="swliveconnect" value="true"> 	<param name="wmode" value="window"> 	<embed src="http://c1262832.cdn.cloudfiles.rackspacecloud.com/closr.swf?name=HJSKHdJL69I&cidin=c0044992"  		quality="high" 		allowScriptAccess="always"  		allowNetworking="all" 		allowFullscreen="true" 		play="true" 		loop="false" 		scale="noscale" 		deficefont="true" 		swliveconnect="true" 		wmode="window" 		pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" 		type="application/x-shockwave-flash" width="425" height="334" 		name="closr_HJSKHdJL69I"> 	</embed>  </object></dd><dd>画像左上に拡大・縮小のボタン、右上には「画面に合わせる」「最大化」のボタンが付きます。</dd><dt>サンプル画像２</dt><dd><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" 	codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" 	width="425" height="334" id="closr_J_Yh-JDnoNk"> 	<param name="movie" value="http://c1262832.cdn.cloudfiles.rackspacecloud.com/closr.swf?name=J_Yh-JDnoNk&cidin=c0044992" /> 	<param name="quality" value="high" /> 	<param name="allowScriptAccess" value="always" /> 	<param name="allowNetworking" value="all" /> 	<param name="allowfullscreen" value="true"> 	<param name="play" value="true"> 	<param name="loop" value="false"> 	<param name="scale" value="noscale"> 	<param name="devicefont" value="true"> 	<param name="swliveconnect" value="true"> 	<param name="wmode" value="window"> 	<embed src="http://c1262832.cdn.cloudfiles.rackspacecloud.com/closr.swf?name=J_Yh-JDnoNk&cidin=c0044992"  		quality="high" 		allowScriptAccess="always"  		allowNetworking="all" 		allowFullscreen="true" 		play="true" 		loop="false" 		scale="noscale" 		deficefont="true" 		swliveconnect="true" 		wmode="window" 		pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" 		type="application/x-shockwave-flash" width="425" height="334" 		name="closr_J_Yh-JDnoNk"> 	</embed>  </object></dd><dd>↑こういったものを共有したい場合も便利ですよね。</dd></dl><p>試してみたい方は<a class="web-site-link" href="http://www.closr.it/" onclick="window.open('http://www.closr.it/'); return false;">Closr.it</a>へどうぞ。</p><h4 class="header-label">画像埋め込みの手順</h4><ol class="steps">	<li><h4>無料ユーザー登録</h4><p><a href="http://lh4.ggpht.com/_fRSz8mJZTZY/Sd3r4pT0tVI/AAAAAAAAVnA/3PQpsmsONFM/s800/Closrit4.jpg"><img src="http://lh4.ggpht.com/_fRSz8mJZTZY/Sd3r4pT0tVI/AAAAAAAAVnA/3PQpsmsONFM/s400/Closrit4.jpg" /></a><br />↑<a class="web-site-link" href="http://www.closr.it/" onclick="window.open('http://www.closr.it/'); return false;">Closr.it</a>のページ右上の「Register」から登録画面に入り、登録。その後、有効化のメールが届くので、有効化のリンクをクリック。</p></li>	<li><h4>画像を選択して、「upload」ボタンを押す</h4><p><a href="http://lh4.ggpht.com/_fRSz8mJZTZY/Sd3rkeOVskI/AAAAAAAAVmo/9t7W_maoEj4/s800/Closrit1.jpg"><img src="http://lh4.ggpht.com/_fRSz8mJZTZY/Sd3rkeOVskI/AAAAAAAAVmo/9t7W_maoEj4/s400/Closrit1.jpg" /></a><br />↑ログイン後の画面で、画像を選択してアップロード。</p></li>	<li><h4>画像の設定を保存</h4><p><img src="http://lh6.ggpht.com/_fRSz8mJZTZY/Sd3rki0ezSI/AAAAAAAAVmw/qPDzzchmmzA/s400/Closrit2.jpg" /><br />↑タイトルとタグを入力して「save it!」ボタンを押す。</p></li>	<li><h4>埋め込みタグの取得</h4><p><a href="http://lh6.ggpht.com/_fRSz8mJZTZY/Sd3rk3oZEsI/AAAAAAAAVm4/qXp2YfTEcro/s800/Closrit3.jpg"><img src="http://lh6.ggpht.com/_fRSz8mJZTZY/Sd3rk3oZEsI/AAAAAAAAVm4/qXp2YfTEcro/s400/Closrit3.jpg" /></a><br />↑ブログパーツの埋め込みタグが生成されるので、共有方法を選択して、タグを取得すればOKです。サイズの指定も可能。</p></li>	<li><h4>埋め込みサイズの変更</h4><p><img src="http://lh6.ggpht.com/_fRSz8mJZTZY/Sd3tzvGCPqI/AAAAAAAAVnI/zflBLjXGF5E/s400/Closrit5.jpg" /><br />↑サイズ指定をするには、「Get & Share」の一覧から右下の「All」をクリック、今度は左下の「embed」をクリックして、「Resize widget?」をクリックすると、サイズ変更が出来ます。</p></li></ol><p>Via：<a class="website-link" href="http://delicious.com/url/1f9ea1af9fde25f3c35c2e3c9864cc5b" onclick="window.open('http://delicious.com/url/1f9ea1af9fde25f3c35c2e3c9864cc5b'); return false;">delicious</a></p>