<?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#" xmlns:media="http://search.yahoo.com/mrss/"
	>

<channel>
	<title>Bananasims Workshop &#187; CC 作品</title>
	<atom:link href="http://bananasims.wordpress.com/tag/cc-%e4%bd%9c%e5%93%81/feed/" rel="self" type="application/rss+xml" />
	<link>http://bananasims.wordpress.com</link>
	<description>網頁製作技術分享。</description>
	<lastBuildDate>Thu, 16 Jul 2009 08:24:48 +0000</lastBuildDate>
	<generator>http://wordpress.com/</generator>
	<language>zh-tw</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<cloud domain='bananasims.wordpress.com' port='80' path='/?rsscloud=notify' registerProcedure='' protocol='http-post' />
<image>
		<url>http://www.gravatar.com/blavatar/456f38c4d7c462b8a7675d3bfd4e850e?s=96&#038;d=http://s.wordpress.com/i/buttonw-com.png</url>
		<title>Bananasims Workshop &#187; CC 作品</title>
		<link>http://bananasims.wordpress.com</link>
	</image>
	<atom:link rel="search" type="application/opensearchdescription+xml" href="http://bananasims.wordpress.com/osd.xml" title="Bananasims Workshop" />
		<item>
		<title>phpBB 自動縮圖</title>
		<link>http://bananasims.wordpress.com/2009/06/24/phpbb-%e8%87%aa%e5%8b%95%e7%b8%ae%e5%9c%96/</link>
		<comments>http://bananasims.wordpress.com/2009/06/24/phpbb-%e8%87%aa%e5%8b%95%e7%b8%ae%e5%9c%96/#comments</comments>
		<pubDate>Tue, 23 Jun 2009 16:28:02 +0000</pubDate>
		<dc:creator>bananasims</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[CC 作品]]></category>
		<category><![CDATA[phpBB]]></category>
		<category><![CDATA[插件]]></category>

		<guid isPermaLink="false">http://bananasims.wordpress.com/?p=59</guid>
		<description><![CDATA[有會員要求在 I-Circle Forum 設定一個自動縮圖的功能，故我研發了一個使用 JavaScript 的自動縮圖小功能。將之加入風格資料夾內的 forum_fn.js 最底部即可。
這個自動縮圖能夠在圖片縮細後建立連結，方便使用者瀏覽完整版本的圖片。此外，如果自動縮圖發現上層有 [url] 討論區代碼包著（即圖片本身有連結），它將不會建立連結。
至於 jQuery，由於我認為未是時候安裝 jQuery，所以我並未編寫 jQuery 版本。
/**
* Create Image Thumbnail
*/
function create_img_thumb() {
&#160; var divs = document.getElementsByTagName('div');
&#160; for(var i in divs) {
&#160; &#160; if(divs[i].className == 'content') {
&#160; &#160; &#160; var imgs = divs[i].getElementsByTagName('img');
&#160; &#160; &#160; for(var j in imgs) {
&#160; &#160; &#160; &#160; if(imgs[j].offsetWidth &#62; 400) {
&#160; &#160; &#160; [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=bananasims.wordpress.com&blog=1047081&post=59&subd=bananasims&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p>有會員要求在 I-Circle Forum 設定一個自動縮圖的功能，故我研發了一個使用 JavaScript 的自動縮圖小功能。將之加入風格資料夾內的 <em>forum_fn.js</em> 最底部即可。</p>
<p>這個自動縮圖能夠在圖片縮細後建立連結，方便使用者瀏覽完整版本的圖片。此外，如果自動縮圖發現上層有 [url] 討論區代碼包著（即圖片本身有連結），<strong>它將不會建立連結</strong>。</p>
<p>至於 jQuery，由於我認為未是時候安裝 jQuery，所以我並未編寫 jQuery 版本。</p>
<p><code>/**<br />
* Create Image Thumbnail<br />
*/<br />
function create_img_thumb() {<br />
&nbsp; var divs = document.getElementsByTagName('div');<br />
&nbsp; for(var i in divs) {<br />
&nbsp; &nbsp; if(divs[i].className == 'content') {<br />
&nbsp; &nbsp; &nbsp; var imgs = divs[i].getElementsByTagName('img');<br />
&nbsp; &nbsp; &nbsp; for(var j in imgs) {<br />
&nbsp; &nbsp; &nbsp; &nbsp; if(imgs[j].offsetWidth &gt; 400) {<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; imgs[j].style.width = '400px';</code></p>
<p><code>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // check if [url] covers the image<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var parentNode = imgs[j];<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var covered = false;<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; do {<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; parentNode = parentNode.parentNode;<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if(parentNode.tagName.toLowerCase() == 'a') {<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; covered = true;<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; break;<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; } while(parentNode.className != 'content');</code></p>
<p><code>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if(!covered) {<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var a = document.createElement('a');<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; a.className = 'postlink';<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; a.href = imgs[j].src;<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; a.appendChild(imgs[j].cloneNode(true));<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; imgs[j].parentNode.replaceChild(a, imgs[j]);<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }<br />
&nbsp; &nbsp; &nbsp; &nbsp; }<br />
&nbsp; &nbsp; &nbsp; }<br />
&nbsp; &nbsp; }<br />
&nbsp; }<br />
}</code></p>
<p><code>onload_functions.push('create_img_thumb()');</code></p>
<p>由於 WordPress 限制，上述代碼頗混亂。如要使用及檢視代碼，到 <a href="http://bbs.i-circle.net/viewtopic.php?f=101&amp;t=10125">I-Circle Forum 的相關文章</a>檢視整理了的代碼。</p>
Posted in JavaScript Tagged: CC 作品, phpBB, 插件 <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/bananasims.wordpress.com/59/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/bananasims.wordpress.com/59/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/bananasims.wordpress.com/59/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/bananasims.wordpress.com/59/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/bananasims.wordpress.com/59/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/bananasims.wordpress.com/59/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/bananasims.wordpress.com/59/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/bananasims.wordpress.com/59/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/bananasims.wordpress.com/59/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/bananasims.wordpress.com/59/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=bananasims.wordpress.com&blog=1047081&post=59&subd=bananasims&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://bananasims.wordpress.com/2009/06/24/phpbb-%e8%87%aa%e5%8b%95%e7%b8%ae%e5%9c%96/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/ab22f25ab22dc5ca31805f3aba8dbbdc?s=96&#38;d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D96&#38;r=G" medium="image">
			<media:title type="html">bananasims</media:title>
		</media:content>
	</item>
		<item>
		<title>隨機圖片程式 2.0 已經發佈</title>
		<link>http://bananasims.wordpress.com/2009/05/11/random-image-2-out-now/</link>
		<comments>http://bananasims.wordpress.com/2009/05/11/random-image-2-out-now/#comments</comments>
		<pubDate>Mon, 11 May 2009 08:33:55 +0000</pubDate>
		<dc:creator>bananasims</dc:creator>
				<category><![CDATA[PHP]]></category>
		<category><![CDATA[CC 作品]]></category>
		<category><![CDATA[隨機圖片程式]]></category>
		<category><![CDATA[Swiftzer Lab]]></category>

		<guid isPermaLink="false">http://bananasims.wordpress.com/?p=55</guid>
		<description><![CDATA[Swiftzer Lab 所製作的隨機圖片程式 2.0 已經發佈，請移玉步至 Swiftzer Lab 的下載頁下載。
本程式及本文件所有內容均使用共享創意署名－非商業性 3.0 香港授權條款發佈。
Posted in PHP Tagged: CC 作品, 隨機圖片程式, Swiftzer Lab      <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=bananasims.wordpress.com&blog=1047081&post=55&subd=bananasims&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p>Swiftzer Lab 所製作的隨機圖片程式 2.0 已經發佈，請移玉步至 <a class="postlink" href="http://swiftzer.i-circle.net/downloads/random-image">Swiftzer Lab 的下載頁</a>下載。</p>
<p>本程式及本文件所有內容均使用<a href="http://creativecommons.org/licenses/by-nc/3.0/hk/">共享創意署名－非商業性 3.0 香港授權條款</a>發佈。</p>
Posted in PHP Tagged: CC 作品, 隨機圖片程式, Swiftzer Lab <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/bananasims.wordpress.com/55/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/bananasims.wordpress.com/55/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/bananasims.wordpress.com/55/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/bananasims.wordpress.com/55/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/bananasims.wordpress.com/55/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/bananasims.wordpress.com/55/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/bananasims.wordpress.com/55/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/bananasims.wordpress.com/55/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/bananasims.wordpress.com/55/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/bananasims.wordpress.com/55/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=bananasims.wordpress.com&blog=1047081&post=55&subd=bananasims&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://bananasims.wordpress.com/2009/05/11/random-image-2-out-now/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/ab22f25ab22dc5ca31805f3aba8dbbdc?s=96&#38;d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D96&#38;r=G" medium="image">
			<media:title type="html">bananasims</media:title>
		</media:content>
	</item>
	</channel>
</rss>