<?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/"
	>

<channel>
	<title>wqce &#187; Galleria</title>
	<atom:link href="http://wqce.netkatuyou.com/tag/galleria/feed/" rel="self" type="application/rss+xml" />
	<link>http://wqce.netkatuyou.com</link>
	<description>Just another WordPress weblog</description>
	<lastBuildDate>Thu, 22 Jul 2010 02:47:07 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>PHOTOを公開しました。</title>
		<link>http://wqce.netkatuyou.com/news/121/</link>
		<comments>http://wqce.netkatuyou.com/news/121/#comments</comments>
		<pubDate>Sun, 26 Jul 2009 12:40:34 +0000</pubDate>
		<dc:creator>kimuray</dc:creator>
				<category><![CDATA[更新情報]]></category>
		<category><![CDATA[Galleria]]></category>
		<category><![CDATA[JQuery]]></category>

		<guid isPermaLink="false">http://wqce.netkatuyou.com/?p=121</guid>
		<description><![CDATA[PHOTOのページを公開しました。
作成にあたってはjQueryのプラグインGalleriaを使用して作成しました。
ただ導入自体はできたんですが、DEMO1のhead部分のスクリプトがうまく動作せず。
そこで、フェード [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://wqce.netkatuyou.com/photo/">PHOTO</a>のページを公開しました。<br />
作成にあたってはjQueryのプラグイン<a href="http://devkick.com/lab/galleria/">Galleria</a>を使用して作成しました。<br />
ただ導入自体はできたんですが、<a href="http://www.monc.se/galleria/demo/demo_01.htm">DEMO1</a>のhead部分のスクリプトがうまく動作せず。<br />
そこで、フェード等のエフェクト効果を一から作ってみることに。<br />
<span id="more-121"></span></p>
<pre class="brush: jscript;">
//ロールオーバー
jQuery(function(){
jQuery(&quot;.photo li&quot;).hover(
function(){
jQuery(this).fadeTo(100,1.0);
},
function(){
jQuery(this).fadeTo(500,0.4);
}

);
});
</pre>
<p style="margin:15px 0px 15px 0px;">上記スクリプトでロールオーバー、アウト時のエフェクト効果はつけれたんですが、<br />
active時の透明度の調整ができず。<br />
とりあえずactive時に白枠で囲むようにCSSで設定してみました。<br />
ただやはり不透明になってるのでちょっと見づらいのが難点です＾＾；</p>
]]></content:encoded>
			<wfw:commentRss>http://wqce.netkatuyou.com/news/121/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
