<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	
	xmlns:georss="http://www.georss.org/georss"
	xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#"
	>

<channel>
	<title>YoxView | Web活メモ帳</title>
	<atom:link href="https://blog.verygoodtown.com/tag/yoxview/feed/" rel="self" type="application/rss+xml" />
	<link>https://blog.verygoodtown.com</link>
	<description>WEB開発者が使える世界の情報を発信します</description>
	<lastBuildDate>Sun, 21 Feb 2010 13:50:30 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=5.9.10</generator>
<site xmlns="com-wordpress:feed-additions:1">122803348</site>	<item>
		<title>jQueryでLightBox風のエフェクトが作れる「YoxView」</title>
		<link>https://blog.verygoodtown.com/2010/02/jquery-lightbox-like-effect-yoxview/</link>
					<comments>https://blog.verygoodtown.com/2010/02/jquery-lightbox-like-effect-yoxview/#comments</comments>
		
		<dc:creator><![CDATA[linja]]></dc:creator>
		<pubDate>Sun, 21 Feb 2010 13:50:30 +0000</pubDate>
				<category><![CDATA[javascript]]></category>
		<category><![CDATA[jQuery Plugin]]></category>
		<category><![CDATA[Lightbox]]></category>
		<category><![CDATA[YoxView]]></category>
		<guid isPermaLink="false">http://blog.verygoodtown.com/?p=2592</guid>

					<description><![CDATA[<p>YoxViewは拡大画像を効果的に見せるためのjQueryプラグインです。 以下のような機能があるようです。 ブラウザウインドウ内で表示されるよう、画像の自動縮小 他言語対応 キーボードによる操作が可能 早速使ってみまし [&#8230;]</p>
The post <a href="https://blog.verygoodtown.com/2010/02/jquery-lightbox-like-effect-yoxview/">jQueryでLightBox風のエフェクトが作れる「YoxView」</a> first appeared on <a href="https://blog.verygoodtown.com">Web活メモ帳</a>.]]></description>
										<content:encoded><![CDATA[<p><img loading="lazy" src="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/20100222-01.jpg" alt="20100222-01" title="20100222-01" width="600" height="303" class="alignnone size-full wp-image-2593" srcset="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/20100222-01.jpg 600w, https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/20100222-01-300x151.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /><br />
<a href="http://www.yoxigen.com/yoxview/" target="_blank">YoxView</a>は<strong>拡大画像を効果的に見せるための</strong>jQueryプラグインです。</p>
<p>以下のような機能があるようです。</p>
<ul>
<li>ブラウザウインドウ内で表示されるよう、画像の自動縮小</li>
<li>他言語対応</li>
<li>キーボードによる操作が可能</li>
</ul>
<p>早速使ってみました。詳しくは以下</p>
<p><span id="more-2592"></span></p>
<h3>YoxViewを設置</h3>
<p>まずはファイルをダウンロードします。<br />
サイトの画面右側にあるダウンロードボタンをクリック。<br />
<img loading="lazy" src="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/2010023-03.png" alt="2010023-03" title="2010023-03" width="576" height="221" class="alignnone size-full wp-image-2684" srcset="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/2010023-03.png 576w, https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/2010023-03-300x115.png 300w" sizes="(max-width: 576px) 100vw, 576px" /></p>
<p>Latest versionをダウンロードします。<br />
<img loading="lazy" src="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/2010023-04.png" alt="2010023-04" title="2010023-04" width="576" height="339" class="alignnone size-full wp-image-2685" srcset="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/2010023-04.png 576w, https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/2010023-04-300x176.png 300w" sizes="(max-width: 576px) 100vw, 576px" /></p>
<p>htmlに組み込みます。サムネイル画像をyoxviewクラスの中に配置します。</p>
<pre class="brush:xml;">
&lt;div&nbsp;class=&quot;yoxview&quot;&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&lt;a&nbsp;href=&quot;images/01_full.jpg&quot;&gt;&lt;img&nbsp;src=&quot;images/01_thumbnail.jpg&quot;&nbsp;alt=&quot;First&nbsp;image&quot;&nbsp;/&gt;&lt;/a&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&lt;a&nbsp;href=&quot;images/another_full.jpg&quot;&gt;&lt;img&nbsp;src=&quot;images/a_thumbnail.png&quot;&nbsp;alt=&quot;Second&nbsp;image&quot;&nbsp;/&gt;&lt;/a&gt;
&lt;/div&gt;
</pre>
<p>yoxview-init.jsを読み込みます。</p>
<pre class="brush:xml;">&lt;script&nbsp;type=&quot;text/javascript&quot;&nbsp;language=&quot;javascript&quot;&nbsp;src=&quot;yoxview/yoxview-init.js&quot;&gt;&lt;/script&gt;</pre>
<p>yoxview-initの一行目のディレクトリ名を設置したディレクトリ名に変更します。</p>
<pre class="brush:js;">
yoxviewPath = "yoxview/";
</pre>
<p>最後の行のコメントをはずします。</p>
<pre class="brush:js;">
LoadScript(yoxviewPath + "yoxview-nojquery.js");
</pre>
<p>これで動作するようになりました。<br />
<img loading="lazy" src="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/2010023-05.png" alt="2010023-05" title="2010023-05" width="538" height="259" class="alignnone size-full wp-image-2686" srcset="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/2010023-05.png 538w, https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/2010023-05-300x144.png 300w" sizes="(max-width: 538px) 100vw, 538px" /></p>
<p>特にすごいと思ったのが、ウインドウをリサイズした際にスムーズに中央に移動して行く所です。<br />
Lightbox風プラグインはいくつかありますが、選択肢の一つに入れても良いのではないでしょうか。</p>The post <a href="https://blog.verygoodtown.com/2010/02/jquery-lightbox-like-effect-yoxview/">jQueryでLightBox風のエフェクトが作れる「YoxView」</a> first appeared on <a href="https://blog.verygoodtown.com">Web活メモ帳</a>.]]></content:encoded>
					
					<wfw:commentRss>https://blog.verygoodtown.com/2010/02/jquery-lightbox-like-effect-yoxview/feed/</wfw:commentRss>
			<slash:comments>4</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">2592</post-id>	</item>
	</channel>
</rss>
