<?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>Hyo Kim&#039;s weblog &#187; lightbox</title>
	<atom:link href="http://hkimscil.commres.org/tag/lightbox/feed/" rel="self" type="application/rss+xml" />
	<link>http://hkimscil.commres.org</link>
	<description>on COMMunication.RESearch.ORG</description>
	<lastBuildDate>Thu, 24 Dec 2009 14:17:24 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>lightbox 적용</title>
		<link>http://hkimscil.commres.org/2008/02/lightbox-test/</link>
		<comments>http://hkimscil.commres.org/2008/02/lightbox-test/#comments</comments>
		<pubDate>Wed, 06 Feb 2008 07:44:04 +0000</pubDate>
		<dc:creator>hkim</dc:creator>
				<category><![CDATA[wordpress]]></category>
		<category><![CDATA[lightbox]]></category>
		<category><![CDATA[photo]]></category>

		<guid isPermaLink="false">http://hkimscil.commres.org/?p=4</guid>
		<description><![CDATA[Implementing Lightbox on your site ]]></description>
			<content:encoded><![CDATA[<p><a href="http://hkimscil.commres.org/uploads/123_23801.JPG" rel="lightbox[4]"><img src="http://hkimscil.commres.org/uploads/123_23801.thumbnail.JPG" alt="123_23801.JPG" class="imageframe imgalignleft" height="128" width="192" /></a> . . . . Implementing Lightbox on your site is easy: grab the lightbox-auto plugin by Mdkart which automatically adds this code to appropriate images! Or, if you prefer, manually add rel=”lightbox” to your thumbnail image’s href tag, or rel=”lightbox[groupname]” to a group of related photos. . . .LightBox 2.0 (2.5)를 적용한 예,  위의 이미지를 클릭하면 전체 웹사이트를 배경으로한 전체 이미지가 뜨게 됩니다. 한 페이지에 여러 그림이 있는 경우, 크게 보는 사진의 오른쪽, 왼쪽을 클릭하면 차례대로 다음 그림이 뜨게 됩니다.</p>
<p class="clear">&nbsp;</p>
<p><a href="http://hkimscil.commres.org/uploads/123_2383.JPG" rel="lightbox[4]"><img src="http://hkimscil.commres.org/uploads/123_2383.thumbnail.JPG" alt="a fish in a dark dungeon" class="imageframe imgalignleft" height="128" width="192" /></a>그나 저나, 사진이 텍스트를 둘러 쌓도록  (wrapping) 하려면? <strike>그림을 uploads 폴더에서 엄지크기로 불러와서 왼쪽에 정렬을 합니다. 그리고, img 태그 내에style=&#8221;float:left; margin:0 10px;&#8221;을 첨가해 줍니다. 따라서 전체 이미지 코드는 &lt;img src=&#8221;. . . .&#8221; style=&#8221;float:left; margin:010px;&#8221; /&gt; 와 같이 보입니다. 이제 처음의 그림을 wrapping을 적용해보면:</strike></p>
<p>그런데, flexible uploader라는 플러그인이 있었군요. . . .</p>
<p class="clear">&nbsp;</p>
<p><a href="http://hkimscil.commres.org/uploads/124_24151.JPG" rel="lightbox[4]"><img src="http://hkimscil.commres.org/uploads/124_24151.thumbnail.JPG" alt="124_24151.JPG" class="imageframe imgalignright" height="128" width="192" /></a>. . . . Implementing Lightbox on your site is easy: grab the lightbox-auto plugin by Mdkart which automatically adds this code to appropriate images! Or, if you prefer, manually add rel=”lightbox” to your thumbnail image’s href tag, or rel=”lightbox[groupname]” to a group of related photos. . . .</p>
]]></content:encoded>
			<wfw:commentRss>http://hkimscil.commres.org/2008/02/lightbox-test/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

