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

<channel>
	<title>A Little Man In The Big City</title>
	<atom:link href="http://yozzinho.cgplusmag.com/blog/feed/" rel="self" type="application/rss+xml" />
	<link>http://yozzinho.cgplusmag.com/blog</link>
	<description>yozzinho</description>
	<pubDate>Fri, 19 Sep 2008 09:19:05 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.5.1</generator>
	<language>en</language>
			<item>
		<title>ตัด string แล้วตัวอักษรสุดท้ายเป็นต่างดาว ??</title>
		<link>http://yozzinho.cgplusmag.com/blog/2008/09/19/string/</link>
		<comments>http://yozzinho.cgplusmag.com/blog/2008/09/19/string/#comments</comments>
		<pubDate>Fri, 19 Sep 2008 09:18:06 +0000</pubDate>
		<dc:creator>yozzinho</dc:creator>
		
		<category><![CDATA[Uncategorized]]></category>

		<category><![CDATA[PHP]]></category>

		<guid isPermaLink="false">http://yozzinho.cgplusmag.com/blog/?p=12</guid>
		<description><![CDATA[

วันนี้ประสบปัญหาจากการตัด string จากฟังชั่น substr() แล้วตัวสุดท้ายเป็นภาษาต่างดาวซะงั้น
เลยถามพี่กู(เกิ้ล) อีกแล้ว ได้ความว่า ถ้าใช้กับ encoding ที่เป็น tis-620 ไม่มีปัญหา แต่จะมีัปัญหากับ utf-8
ได้วิธีแก้มาดังนี้

ให้ใช้ iconv_substr() แทน เพราะสามารถระบุึ encoding ของ output ได้ด้วย
ตัวอย่าง : iconv_substr($text, 0, 30, &#8220;UTF-8&#8243;);
โดย parameter ตัวสุดท้ายจะเป็น Character encoding ครับ
เอาไปลองกันดูนะค้าบบบ 
ที่มา http://dexterian.exteen.com/20080726/string
 
 

]]></description>
			<content:encoded><![CDATA[<div></div>
<p><span class="Apple-style-span" style="color: #333333;font-family: Tahoma;text-align: left"></p>
<p style="margin: 0px 0px 10px;padding: 0px"><span style="font-size: x-small;margin: 0px;padding: 0px">วันนี้ประสบปัญหาจากการตัด string จากฟังชั่น substr() แล้วตัวสุดท้ายเป็นภาษาต่างดาวซะงั้น<br />
เลยถามพี่กู(เกิ้ล) อีกแล้ว ได้ความว่า ถ้าใช้กับ encoding ที่เป็น tis-620 ไม่มีปัญหา แต่จะมีัปัญหากับ utf-8<br />
ได้วิธีแก้มาดังนี้<br />
</span></p>
<p style="margin: 0px 0px 10px;padding: 0px"><span style="font-size: x-small;margin: 0px;padding: 0px">ให้ใช้<span class="Apple-converted-space"> </span><strong><span style="margin: 0px;color: #993300;padding: 0px">iconv_substr()</span></strong><span class="Apple-converted-space"> </span>แทน เพราะสามารถระบุึ encoding ของ output ได้ด้วย</span></p>
<p style="margin: 0px 0px 10px;padding: 0px"><span style="font-size: x-small;margin: 0px;padding: 0px">ตัวอย่าง :<span style="color: #99cc00"><span class="Apple-converted-space"> </span><span style="margin: 0px;padding: 0px"><span style="margin: 0px;padding: 0px">iconv_substr($text, 0, 30, &#8220;UTF-8&#8243;);</span></span></span></span></p>
<p style="margin: 0px 0px 10px;padding: 0px"><span style="font-size: x-small;margin: 0px;padding: 0px">โดย parameter ตัวสุดท้ายจะเป็น Character encoding ครับ</span></p>
<p style="margin: 0px 0px 10px;padding: 0px"><span style="font-size: x-small;margin: 0px;padding: 0px">เอาไปลองกันดูนะค้าบบบ </span></p>
<p>ที่มา <span class="Apple-style-span" style="color: #000000;font-family: 'Lucida Grande'">http://dexterian.exteen.com/20080726/string</span></p>
<p> </p>
<p> </p>
<p></span></p>
]]></content:encoded>
			<wfw:commentRss>http://yozzinho.cgplusmag.com/blog/2008/09/19/string/feed/</wfw:commentRss>
		</item>
		<item>
		<title>มาเปลี่ยนภาพพร้อมกับข้อมูลกันเถอะ Flexi slideshow</title>
		<link>http://yozzinho.cgplusmag.com/blog/2008/09/19/flexi-slideshow/</link>
		<comments>http://yozzinho.cgplusmag.com/blog/2008/09/19/flexi-slideshow/#comments</comments>
		<pubDate>Fri, 19 Sep 2008 09:12:14 +0000</pubDate>
		<dc:creator>yozzinho</dc:creator>
		
		<category><![CDATA[Uncategorized]]></category>

		<category><![CDATA[Java Script]]></category>

		<guid isPermaLink="false">http://yozzinho.cgplusmag.com/blog/?p=11</guid>
		<description><![CDATA[คือ ได้รับคำสั่งมา ให้เปลี่ยน ช่องสินค้าใหม่ ให้เป็นสไลด์ แต่ด้วยความรู้อันน้อยนิด และนิดน้อย ก็เลยไปหาสคริปมา(ต้องขอบคุณ เพื่อนโอ๊ต ที่คอยให้คำปรึกษา)
พอเจอสคริปที่ต้องการแล้ว แต่&#8230;. มันยังมีปัญหา ว่าจะทำยังไงให้ดึงฐานข้อมูลมาใช้ ก้เลย มั่วๆไป บวกกับ ไม่ค่อยถนัด java script ด้วย ดูๆแล้วอาจจะ งงๆ บ้างนะคับ ^^
เริ่มจากไปเอาสคริปมา จาก http://www.dynamicdrive.com/dynamicindex14/flexislide.htm
แล้วก็มายำๆๆ
ได้แบบนี้ครับ
&#60;? //ดึงข้อมูลออกมาก่อน ดดยเก็บไว้ใน  array
       include &#8220;connect.php&#8221;;
                          $sql_new=&#8221;select * from tb_products where new=&#8217;yes&#8217; order by no desc limit 6&#8243;;
        $dbquery_new=mysql_db_query($dbname,$sql_new);
        $num_rows=mysql_num_rows($dbquery_new);
        while($res=mysql_fetch_array($dbquery_new))
        {
        $gid[]=$res[group_id];
        $tid[]=$res[type_id];
        $bid[]=$res[brand_id];
        $no[]=$res[no];
        $oska_model[]=$res[oska_model];
        $picture[]=$res[picture];
        $price_retail[]=$res[price_retail];
       
        $sql_br=&#8221;select [...]]]></description>
			<content:encoded><![CDATA[<p>คือ ได้รับคำสั่งมา ให้เปลี่ยน ช่องสินค้าใหม่ ให้เป็นสไลด์ แต่ด้วยความรู้อันน้อยนิด และนิดน้อย ก็เลยไปหาสคริปมา(ต้องขอบคุณ เพื่อนโอ๊ต ที่คอยให้คำปรึกษา)</p>
<p>พอเจอสคริปที่ต้องการแล้ว แต่&#8230;. มันยังมีปัญหา ว่าจะทำยังไงให้ดึงฐานข้อมูลมาใช้ ก้เลย มั่วๆไป บวกกับ ไม่ค่อยถนัด java script ด้วย ดูๆแล้วอาจจะ งงๆ บ้างนะคับ ^^</p>
<p>เริ่มจากไปเอาสคริปมา จาก <a href="http://www.dynamicdrive.com/dynamicindex14/flexislide.htm">http://www.dynamicdrive.com/dynamicindex14/flexislide.htm</a></p>
<p>แล้วก็มายำๆๆ</p>
<p>ได้แบบนี้ครับ</p>
<p><span style="color: #ff0000">&lt;? //ดึงข้อมูลออกมาก่อน ดดยเก็บไว้ใน  array<br />
       include &#8220;connect.php&#8221;;<br />
                          $sql_new=&#8221;select * from tb_products where new=&#8217;yes&#8217; order by no desc limit 6&#8243;;<br />
        $dbquery_new=mysql_db_query($dbname,$sql_new);<br />
        $num_rows=mysql_num_rows($dbquery_new);<br />
        while($res=mysql_fetch_array($dbquery_new))<br />
        {<br />
        $gid[]=$res[group_id];<br />
        $tid[]=$res[type_id];<br />
        $bid[]=$res[brand_id];<br />
        $no[]=$res[no];<br />
        $oska_model[]=$res[oska_model];<br />
        $picture[]=$res[picture];<br />
        $price_retail[]=$res[price_retail];<br />
       <br />
        $sql_br=&#8221;select brand_name from brand where brand_id=&#8217;$res[brand_id]&#8216;&#8221;;<br />
        $query_br=mysql_db_query($dbname,$sql_br);<br />
        $res_br=mysql_fetch_array($query_br);<br />
        $brand_name[]=$res_br[brand_name];<br />
       <br />
        $sql_tp=&#8221;select group_name from product_group where group_id=&#8217;$res[group_id]&#8216;&#8221;;<br />
        $query_tp=mysql_db_query($dbname,$sql_tp);<br />
        $res_tp=mysql_fetch_array($query_tp);<br />
        $group_name[]=$res_tp[group_name];<br />
        }<br />
      ?&gt;<br />
</span>&lt;script language=&#8221;JavaScript1.2&#8243;&gt;</p>
<p>/***********************************************<br />
* Flexi Slideshow- © Dynamic Drive (<a href="http://www.dynamicdrive.com">www.dynamicdrive.com</a>)<br />
* This notice must stay intact for use<br />
* Visit <a href="http://www.dynamicdrive.com/">http://www.dynamicdrive.com/</a> for full source code<br />
***********************************************/</p>
<p>var variableslide=new Array()</p>
<p>//variableslide[x]=["path to image", "OPTIONAL link for image", "OPTIONAL text description (supports HTML tags)"] <span style="color: #ff6600">ตรงนี้เนื่องจากผมไม่ค่อยถนัด java script เลยทำให้มันรันอัตโนมัติไมได้<br />
</span><span style="color: #ff6600">variableslide[0]=['show_image.php?filename=products_image/&lt;?=$picture[0]?&gt;&amp;width=200&#8242;<br />
, &#8216;product_detail.php?gid=&lt;?=$gid[0]?&gt;&amp;tid=&lt;?=$tid[0]?&gt;&amp;bid=&lt;?=$bid[0]?&gt;&amp;no=&lt;?=$no[0]?&gt;&amp;new_p=1&#8242;<br />
, &#8216;&lt;img src=images/bullet_red.gif border=0 &gt; &lt;?=$group_name[0]?&gt;&#8217;<br />
, &#8216;&lt;br&gt;&lt;img src=images/bullet_red.gif border=0 &gt; &lt;?=$brand_name[0]?&gt;&#8217;<br />
, &#8216;&lt;br&gt;&lt;img src=images/bullet_red.gif border=0 &gt; &lt;?=$oska_model[0]?&gt;&#8217;<br />
, &#8216;&lt;br&gt;&lt;br&gt;&lt;a href=\&#8221;product_detail.php?gid=&lt;?=$gid[0]?&gt;&amp;tid=&lt;?=$tid[0]?&gt;&amp;bid=&lt;?=$bid[0]?&gt;&amp;no=&lt;?=$no[0]?&gt;&amp;new_p=1\&#8221;&gt;&lt;img src=images/props.gif border=0 alt=คลิกเพื่อดูรายละเอียด &gt;&lt;/a&gt; &lt;strong&gt;Price&lt;/strong&gt;&lt;span class=\&#8221;warning\&#8221;&gt;&lt;?=$price_retail[0]?&gt; &lt;/span&gt;&lt;strong&gt;Baht &lt;/strong&gt;&#8217;]<br />
variableslide[1]=['show_image.php?filename=products_image/&lt;?=$picture[1]?&gt;&amp;width=200&#8242;<br />
, &#8216;product_detail.php?gid=&lt;?=$gid[1]?&gt;&amp;tid=&lt;?=$tid[1]?&gt;&amp;bid=&lt;?=$bid[1]?&gt;&amp;no=&lt;?=$no[1]?&gt;&amp;new_p=1&#8242;<br />
, &#8216;&lt;img src=images/bullet_red.gif border=0 &gt; &lt;?=$group_name[1]?&gt;&#8217;<br />
, &#8216;&lt;br&gt;&lt;img src=images/bullet_red.gif border=0 &gt; &lt;?=$brand_name[1]?&gt;&#8217;<br />
, &#8216;&lt;br&gt;&lt;img src=images/bullet_red.gif border=0 &gt; &lt;?=$oska_model[1]?&gt;&#8217;<br />
, &#8216;&lt;br&gt;&lt;br&gt;&lt;a href=\&#8221;product_detail.php?gid=&lt;?=$gid[1]?&gt;&amp;tid=&lt;?=$tid[1]?&gt;&amp;bid=&lt;?=$bid[1]?&gt;&amp;no=&lt;?=$no[1]?&gt;&amp;new_p=1\&#8221;&gt;&lt;img src=images/props.gif border=0 alt=คลิกเพื่อดูรายละเอียด &gt;&lt;/a&gt; &lt;strong&gt;Price&lt;/strong&gt;&lt;span class=\&#8221;warning\&#8221;&gt;&lt;?=$price_retail[1]?&gt; &lt;/span&gt;&lt;strong&gt;Baht &lt;/strong&gt;&#8217;]<br />
variableslide[2]=['show_image.php?filename=products_image/&lt;?=$picture[2]?&gt;&amp;width=200&#8242;<br />
, &#8216;product_detail.php?gid=&lt;?=$gid[2]?&gt;&amp;tid=&lt;?=$tid[2]?&gt;&amp;bid=&lt;?=$bid[2]?&gt;&amp;no=&lt;?=$no[2]?&gt;&amp;new_p=1&#8242;<br />
, &#8216;&lt;img src=images/bullet_red.gif border=0 &gt; &lt;?=$group_name[2]?&gt;&#8217;<br />
, &#8216;&lt;br&gt;&lt;img src=images/bullet_red.gif border=0 &gt; &lt;?=$brand_name[2]?&gt;&#8217;<br />
, &#8216;&lt;br&gt;&lt;img src=images/bullet_red.gif border=0 &gt; &lt;?=$oska_model[2]?&gt;&#8217;<br />
, &#8216;&lt;br&gt;&lt;br&gt;&lt;a href=\&#8221;product_detail.php?gid=&lt;?=$gid[2]?&gt;&amp;tid=&lt;?=$tid[2]?&gt;&amp;bid=&lt;?=$bid[2]?&gt;&amp;no=&lt;?=$no[2]?&gt;&amp;new_p=1\&#8221;&gt;&lt;img src=images/props.gif border=0 alt=คลิกเพื่อดูรายละเอียด &gt;&lt;/a&gt; &lt;strong&gt;Price&lt;/strong&gt;&lt;span class=\&#8221;warning\&#8221;&gt;&lt;?=$price_retail[2]?&gt; &lt;/span&gt;&lt;strong&gt;Baht &lt;/strong&gt;&#8217;]<br />
variableslide[3]=['show_image.php?filename=products_image/&lt;?=$picture[3]?&gt;&amp;width=200&#8242;<br />
, &#8216;product_detail.php?gid=&lt;?=$gid[3]?&gt;&amp;tid=&lt;?=$tid[3]?&gt;&amp;bid=&lt;?=$bid[3]?&gt;&amp;no=&lt;?=$no[3]?&gt;&amp;new_p=1&#8242;<br />
, &#8216;&lt;img src=images/bullet_red.gif border=0 &gt; &lt;?=$group_name[3]?&gt;&#8217;<br />
, &#8216;&lt;br&gt;&lt;img src=images/bullet_red.gif border=0 &gt; &lt;?=$brand_name[3]?&gt;&#8217;<br />
, &#8216;&lt;br&gt;&lt;img src=images/bullet_red.gif border=0 &gt; &lt;?=$oska_model[3]?&gt;&#8217;<br />
, &#8216;&lt;br&gt;&lt;br&gt;&lt;a href=\&#8221;product_detail.php?gid=&lt;?=$gid[3]?&gt;&amp;tid=&lt;?=$tid[3]?&gt;&amp;bid=&lt;?=$bid[3]?&gt;&amp;no=&lt;?=$no[3]?&gt;&amp;new_p=1\&#8221;&gt;&lt;img src=images/props.gif border=0 alt=คลิกเพื่อดูรายละเอียด &gt;&lt;/a&gt; &lt;strong&gt;Price&lt;/strong&gt;&lt;span class=\&#8221;warning\&#8221;&gt;&lt;?=$price_retail[3]?&gt; &lt;/span&gt;&lt;strong&gt;Baht &lt;/strong&gt;&#8217;]<br />
variableslide[4]=['show_image.php?filename=products_image/&lt;?=$picture[4]?&gt;&amp;width=200&#8242;<br />
, &#8216;product_detail.php?gid=&lt;?=$gid[4]?&gt;&amp;tid=&lt;?=$tid[4]?&gt;&amp;bid=&lt;?=$bid[4]?&gt;&amp;no=&lt;?=$no[4]?&gt;&amp;new_p=1&#8242;<br />
, &#8216;&lt;img src=images/bullet_red.gif border=0 &gt; &lt;?=$group_name[4]?&gt;&#8217;<br />
, &#8216;&lt;br&gt;&lt;img src=images/bullet_red.gif border=0 &gt; &lt;?=$brand_name[4]?&gt;&#8217;<br />
, &#8216;&lt;br&gt;&lt;img src=images/bullet_red.gif border=0 &gt; &lt;?=$oska_model[4]?&gt;&#8217;<br />
, &#8216;&lt;br&gt;&lt;br&gt;&lt;a href=\&#8221;product_detail.php?gid=&lt;?=$gid[4]?&gt;&amp;tid=&lt;?=$tid[4]?&gt;&amp;bid=&lt;?=$bid[4]?&gt;&amp;no=&lt;?=$no[4]?&gt;&amp;new_p=1\&#8221;&gt;&lt;img src=images/props.gif border=0 alt=คลิกเพื่อดูรายละเอียด &gt;&lt;/a&gt; &lt;strong&gt;Price&lt;/strong&gt;&lt;span class=\&#8221;warning\&#8221;&gt;&lt;?=$price_retail[4]?&gt; &lt;/span&gt;&lt;strong&gt;Baht &lt;/strong&gt;&#8217;]<br />
variableslide[5]=['show_image.php?filename=products_image/&lt;?=$picture[5]?&gt;&amp;width=200&#8242;<br />
, &#8216;product_detail.php?gid=&lt;?=$gid[5]?&gt;&amp;tid=&lt;?=$tid[5]?&gt;&amp;bid=&lt;?=$bid[5]?&gt;&amp;no=&lt;?=$no[5]?&gt;&amp;new_p=1&#8242;<br />
, &#8216;&lt;img src=images/bullet_red.gif border=0 &gt; &lt;?=$group_name[5]?&gt;&#8217;<br />
, &#8216;&lt;br&gt;&lt;img src=images/bullet_red.gif border=0 &gt; &lt;?=$brand_name[5]?&gt;&#8217;<br />
, &#8216;&lt;br&gt;&lt;img src=images/bullet_red.gif border=0 &gt; &lt;?=$oska_model[5]?&gt;&#8217;<br />
, &#8216;&lt;br&gt;&lt;br&gt;&lt;a href=\&#8221;product_detail.php?gid=&lt;?=$gid[5]?&gt;&amp;tid=&lt;?=$tid[5]?&gt;&amp;bid=&lt;?=$bid[5]?&gt;&amp;no=&lt;?=$no[5]?&gt;&amp;new_p=1\&#8221;&gt;&lt;img src=images/props.gif border=0 alt=คลิกเพื่อดูรายละเอียด &gt;&lt;/a&gt; &lt;strong&gt;Price&lt;/strong&gt;&lt;span class=\&#8221;warning\&#8221;&gt;&lt;?=$price_retail[5]?&gt; &lt;/span&gt;&lt;strong&gt;Baht &lt;/strong&gt;&#8217;]</span></p>
<p>//configure the below 3 variables to set the dimension/background color of the slideshow</p>
<p>var slidewidth=&#8217;500px&#8217; //set to width of LARGEST image in your slideshow<br />
var slideheight=&#8217;160px&#8217; //set to height of LARGEST iamge in your slideshow, plus any text description<br />
var slidebgcolor=&#8217;#F3F3F3&#8242;</p>
<p>//configure the below variable to determine the delay between image rotations (in miliseconds)<br />
var slidedelay=4000</p>
<p>////Do not edit pass this line////////////////</p>
<p>var ie=document.all<br />
var dom=document.getElementById</p>
<p>for (i=0;i&lt;variableslide.length;i++){<br />
var cacheimage=new Image()<br />
cacheimage.src=variableslide[i][0]<br />
}</p>
<p>var currentslide=0</p>
<p> </p>
<p><span style="color: #0000ff">//ส่วนนี้ไว้จัดการแสดงผลครับ</span></p>
<p><span style="color: #0000ff">function rotateimages(){<br />
contentcontainer=&#8217;&lt;left&gt;&#8217;<br />
if (variableslide[currentslide][1]!=&#8221;")<br />
contentcontainer+=&#8217;&lt;a href=&#8221;&#8216;+variableslide[currentslide][1]+&#8217;&#8221;&gt;&#8217;<br />
contentcontainer+=&#8217;&lt;img src=&#8221;&#8216;+variableslide[currentslide][0]+&#8217;&#8221; border=&#8221;0&#8243; vspace=&#8221;3&#8243; hspace=&#8221;10&#8243; align=&#8221;left&#8221; alt=&#8221;คลิกเพื่อดูรายละเอียด&#8221; &gt;&#8217;<br />
if (variableslide[currentslide][1]!=&#8221;")<br />
contentcontainer+=&#8217;&lt;/left&gt;&#8217;<br />
contentcontainer+=&#8217;&lt;/a&gt;&#8217;<br />
if (variableslide[currentslide][2]!=&#8221;")<br />
contentcontainer+=variableslide[currentslide][2]<br />
if (variableslide[currentslide][3]!=&#8221;")<br />
contentcontainer+=variableslide[currentslide][3]<br />
if (variableslide[currentslide][4]!=&#8221;")<br />
contentcontainer+=variableslide[currentslide][4]<br />
if (variableslide[currentslide][5]!=&#8221;")<br />
contentcontainer+=variableslide[currentslide][5]</span><br />
if (document.layers){<br />
crossrotateobj.document.write(contentcontainer)<br />
crossrotateobj.document.close()<br />
}<br />
else if (ie||dom)<br />
crossrotateobj.innerHTML=contentcontainer<br />
if (currentslide==variableslide.length-1) currentslide=0<br />
else currentslide++<br />
setTimeout(&#8221;rotateimages()&#8221;,slidedelay)<br />
}</p>
<p>if (ie||dom)<br />
document.write(&#8217;&lt;div id=&#8221;slidedom&#8221; style=&#8221;width:&#8217;+slidewidth+&#8217;;height:&#8217;+slideheight+&#8217;; background-color:&#8217;+slidebgcolor+&#8217;&#8221;&gt;&lt;/div&gt;&#8217;)</p>
<p>function start_slider(){<br />
crossrotateobj=dom? document.getElementById(&#8221;slidedom&#8221;) : ie? document.all.slidedom : document.slidensmain.document.slidenssub<br />
if (document.layers)<br />
document.slidensmain.visibility=&#8221;show&#8221;<br />
rotateimages()<br />
}</p>
<p>if (ie||dom)<br />
start_slider()<br />
else if (document.layers)<br />
window.onload=start_slider</p>
<p>&lt;/script&gt;     </p>
<p> </p>
<p>ดูตัวอย่างได้ที่  <span class="Apple-style-span" style="color: #000000;font-family: 'Lucida Grande'"><a href="http://www.oskabatt.com/web/index.php">http://www.oskabatt.com/web/index.php</a></span></p>
]]></content:encoded>
			<wfw:commentRss>http://yozzinho.cgplusmag.com/blog/2008/09/19/flexi-slideshow/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Login ในหน้าเดียว</title>
		<link>http://yozzinho.cgplusmag.com/blog/2008/08/06/login-%e0%b9%83%e0%b8%99%e0%b8%ab%e0%b8%99%e0%b9%89%e0%b8%b2%e0%b9%80%e0%b8%94%e0%b8%b5%e0%b8%a2%e0%b8%a7/</link>
		<comments>http://yozzinho.cgplusmag.com/blog/2008/08/06/login-%e0%b9%83%e0%b8%99%e0%b8%ab%e0%b8%99%e0%b9%89%e0%b8%b2%e0%b9%80%e0%b8%94%e0%b8%b5%e0%b8%a2%e0%b8%a7/#comments</comments>
		<pubDate>Wed, 06 Aug 2008 01:56:11 +0000</pubDate>
		<dc:creator>yozzinho</dc:creator>
		
		<category><![CDATA[Uncategorized]]></category>

		<category><![CDATA[PHP]]></category>

		<guid isPermaLink="false">http://yozzinho.cgplusmag.com/blog/?p=10</guid>
		<description><![CDATA[วันก่อน ได้เขียน สคริป login โดยเอาสคริปมาจาก http://www.goragod.com/
เอามาดัดแปลง อีกหน่อยนึง เพื่อที่จะให้เป็นอย่างที่ผมต้องการได้
&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;
&#60;?  
 $action=$_POST[action];
 $user=$_POST[user];
  $passwd=$_POST[passwd];
   
if (isset($user) &#38;&#38; isset($passwd) &#38;&#38; $action==&#8221;login&#8221;)//ตรวจสอบชื่อกับฐานข้อมูล
{
    $host=&#8221;localhost&#8221;;
          $username=&#8221;root&#8221;;
          $password=&#8221;1234&#8243;;
          $dbname=&#8221;batt2home&#8221;;
          $tablename=&#8221;tb_admin&#8221;;
         
           //เรียกข้อมูล - Member -
          $db = mysql_connect($host,$username,$password) or die (&#8221;ไม่สามารถติดต่อกับฐานข้อมูลได้ในขณะนี้&#8221;);
          $sql = &#8220;select * from $tablename where admin = &#8216;$user&#8217; AND adminpass = &#8216;$passwd&#8217;&#8221;;
          $query = mysql_db_query($dbname,$sql) or die (&#8221;ไม่สามารถเรียกฐานข้อมูลสมาชิกได้ในขณะนี้&#8221;);
          $fetch = mysql_fetch_array($query);
          $num = [...]]]></description>
			<content:encoded><![CDATA[<p>วันก่อน ได้เขียน สคริป login โดยเอาสคริปมาจาก <a href="http://www.goragod.com/">http://www.goragod.com/</a></p>
<p>เอามาดัดแปลง อีกหน่อยนึง เพื่อที่จะให้เป็นอย่างที่ผมต้องการได้</p>
<p>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;</p>
<p><span style="color: #0000ff">&lt;?  <br />
 $action=$_POST[action];<br />
 $user=$_POST[user];<br />
  $passwd=$_POST[passwd];<br />
   <br />
if (isset($user) &amp;&amp; isset($passwd) &amp;&amp; $action==&#8221;login&#8221;)//ตรวจสอบชื่อกับฐานข้อมูล<br />
{<br />
    $host=&#8221;localhost&#8221;;<br />
          $username=&#8221;root&#8221;;<br />
          $password=&#8221;1234&#8243;;<br />
          $dbname=&#8221;batt2home&#8221;;<br />
          $tablename=&#8221;tb_admin&#8221;;<br />
         <br />
           //เรียกข้อมูล - Member -<br />
          $db = mysql_connect($host,$username,$password) or die (&#8221;ไม่สามารถติดต่อกับฐานข้อมูลได้ในขณะนี้&#8221;);<br />
          $sql = &#8220;select * from $tablename where admin = &#8216;$user&#8217; AND adminpass = &#8216;$passwd&#8217;&#8221;;<br />
          $query = mysql_db_query($dbname,$sql) or die (&#8221;ไม่สามารถเรียกฐานข้อมูลสมาชิกได้ในขณะนี้&#8221;);<br />
          $fetch = mysql_fetch_array($query);<br />
          $num = mysql_num_rows($query);<br />
          mysql_close($db);  <br />
 <br />
 if ($num&gt;=1) ////login สำเร็จ  ให้set cookie หรือจะใช้ session ก็ได้<br />
 {<br />
 setcookie(&#8221;action&#8221;,&#8221;login&#8221;);<br />
 setcookie(&#8221;user&#8221;,&#8221;$user&#8221;,time()+3600);<br />
 setcookie(&#8221;passwd&#8221;,&#8221;$passwd&#8221;,time()+3600);<br />
 }<br />
  <br />
       else {<br />
                //ชื่อหรือ รหัสผ่านไม่ถูกต้อง<br />
               $message=&#8221;&lt;font color=red size=1&gt;ชื่อ หรือ รหัสผ่าน ไม่ถูกต้อง&lt;/font&gt;&#8221;;<br />
               unset($user);<br />
          }<br />
     }<br />
 <br />
else if (isset($action) &amp;&amp; $action==&#8217;logout&#8217;) //ออกจากระบบ<br />
{<br />
 <br />
   setcookie(&#8221;user&#8221;,&#8221;");<br />
   setcookie(&#8221;passwd&#8221;,&#8221;");<br />
 $message=&#8221;&lt;font color=green &gt;ออกจากระบบเรียบร้อย&lt;/font&gt;&lt;br /&gt;&#8221;;<br />
}<br />
&lt;html&gt; <br />
&lt;body&gt;</span></p>
<p><span style="color: #0000ff"> echo&#8221;<br />
                    &lt;table cellspacing=5 cellpadding=0 width=200 bgcolor=#CCCCCC&gt;&#8221;; ?&gt;<br />
                    &lt;form method=post action=&#8221;" name=login_form onSubmit=&#8221;return check_login()&#8221;&gt;<br />
                    &lt;?<br />
     if (isset($user) &amp;&amp; $action==&#8221;login&#8221;)// แสดงข้อความต้อนรับ<br />
     {<br />
    echo&#8221;&lt;tr&gt;&lt;td colspan=2 align=center&gt;&lt;font color=#666666 &gt;ยินดีต้อนรับ คุณ &lt;font color=green&gt;$user &lt;/font&gt; เข้าระบบ&lt;/font&gt;&lt;/td&gt;&lt;/tr&gt;&#8221;;<br />
                echo&#8221;&lt;tr&gt;&lt;td align=right colspan=2&gt;&lt;input type=submit name=action  value=logout class=red title=\&#8221;สมาชิก เข้าระบบ\&#8221;&gt;&lt;/td&gt;&lt;/tr&gt;&#8221;;<br />
     }<br />
       else// แสดงฟอร์ม login<br />
       {<br />
                     if (isset($message))<br />
     <br />
      echo&#8221;&lt;tr&gt;&lt;td colspan=2 align=center&gt;$message&lt;/font&gt;&lt;/td&gt;&lt;/tr&gt;&#8221;;<br />
     <br />
      else<br />
     <br />
    echo&#8221;&lt;tr&gt;&lt;td colspan=2 align=center&gt;&lt;font  color=#666666&gt;กรุณาเข้าระบบ&lt;/font&gt;&lt;/td&gt;&lt;/tr&gt;&#8221;;<br />
                echo&#8221;&lt;tr&gt;&lt;td align=right&gt;&lt;font color=#555555 &gt;user : &lt;/font&gt;&lt;/td&gt;&lt;td&gt;&lt;input size=15 type=text name=user maxlength=15 class=red&gt;&lt;/td&gt;&lt;/tr&gt;&#8221;;<br />
                echo&#8221;&lt;tr&gt;&lt;td align=right&gt;&lt;font color=#555555 &gt;passwd : &lt;/font&gt;&lt;/td&gt;&lt;td&gt;&lt;input size=15 type=password name=passwd maxlength=15  class=red&gt;&lt;/td&gt;&lt;/tr&gt;&#8221;;<br />
                    echo&#8221;&lt;tr&gt;&lt;td align=right colspan=2&gt;&lt;input type=submit name=action  value=login class=red title=\&#8221;สมาชิก เข้าระบบ\&#8221;&gt;&lt;/td&gt;&lt;/tr&gt;&#8221;;<br />
     <br />
     }?&gt;<br />
                    &lt;/form&gt;              <br />
                   &lt;? echo&#8221; &lt;/table&gt;&#8221;; //End login ?&gt;<br />
 ?&gt;</span></p>
<p><span style="color: #0000ff">&lt;/body&gt;<br />
&lt;/html&gt; </span></p>
<p><span style="color: #0000ff">&lt;script language=JavaScript&gt;<br />
function check_login()<br />
{<br />
     var v1 = document.login_form.user.value;<br />
     var v2 = document.login_form.passwd.value;</span></p>
<p><span style="color: #0000ff">     if (v1.length==0) {<br />
          alert(&#8217;กรุณาป้อน Username ก่อน&#8217;);<br />
          document.login_form.user.focus();          <br />
          return false;<br />
     } else if (v2.length==0) {<br />
           alert(&#8217;กรุณาป้อน Password ก่อน&#8217;) ;<br />
           document.login_form.passwd.focus();          <br />
           return false;<br />
     } else<br />
          return true;<br />
}<br />
&lt;/script&gt;</span></p>
]]></content:encoded>
			<wfw:commentRss>http://yozzinho.cgplusmag.com/blog/2008/08/06/login-%e0%b9%83%e0%b8%99%e0%b8%ab%e0%b8%99%e0%b9%89%e0%b8%b2%e0%b9%80%e0%b8%94%e0%b8%b5%e0%b8%a2%e0%b8%a7/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Slashdot Menu</title>
		<link>http://yozzinho.cgplusmag.com/blog/2008/07/10/slashdot-menu/</link>
		<comments>http://yozzinho.cgplusmag.com/blog/2008/07/10/slashdot-menu/#comments</comments>
		<pubDate>Thu, 10 Jul 2008 08:42:40 +0000</pubDate>
		<dc:creator>yozzinho</dc:creator>
		
		<category><![CDATA[Uncategorized]]></category>

		<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://yozzinho.cgplusmag.com/blog/?p=8</guid>
		<description><![CDATA[วันนี้ได้ลองทำ Slashdot Menu ดูครับ น่าสนุกเลยทีเดียว สำหรับเมนูนี้
ตัวอย่าง  อยากได้ code ก็ โหลดจากหน้านั้นได้เลยครับ หรือ  sdmenu.zip
สามารถเปลี่ยนแปลงค่าได้ โดยเปลี่ยนตามนี้ครับ
var myMenu = new SDMenu(&#8221;main_menu&#8221;); // ID of the menu element
// Default values&#8230;
myMenu.speed = 3;                     // Menu sliding speed (1 - 5 recomended)
myMenu.remember = true;               // Store menu states (expanded or collapsed) in cookie and restore later
myMenu.oneSmOnly = false;             // One expanded submenu at [...]]]></description>
			<content:encoded><![CDATA[<p>วันนี้ได้ลองทำ Slashdot Menu ดูครับ น่าสนุกเลยทีเดียว สำหรับเมนูนี้</p>
<p><a href="http://www.dynamicdrive.com/dynamicindex1/slashdotmenu.htm">ตัวอย่าง </a> อยากได้ code ก็ โหลดจากหน้านั้นได้เลยครับ หรือ  <a href="http://www.dynamicdrive.com/dynamicindex1/sdmenu.zip">sdmenu.zip</a></p>
<p>สามารถเปลี่ยนแปลงค่าได้ โดยเปลี่ยนตามนี้ครับ</p>
<p><span class="Apple-style-span" style="font: 13px Arial;color: #000000">var myMenu = new SDMenu(&#8221;main_menu&#8221;); // ID of the menu element<br />
// Default values&#8230;<br />
myMenu.speed = 3;                     // Menu sliding speed (1 - 5 recomended)<br />
myMenu.remember = true;               // Store menu states (expanded or collapsed) in cookie and restore later<br />
myMenu.oneSmOnly = false;             // One expanded submenu at a time<br />
myMenu.markCurrent = true;            // Mark current link / page (link.href == location.href)</p>
<p>myMenu.init();</p>
<p>// Additional methods&#8230;<br />
var firstSubmenu = myMenu.submenus[0];<br />
myMenu.expandMenu(firstSubmenu);      // Expand a submenu<br />
myMenu.collapseMenu(firstSubmenu);    // Collapse a menu<br />
myMenu.toggleMenu(firstSubmenu);      // Expand if collapsed and collapse if expanded</p>
<p>myMenu.expandAll();                   // Expand all submenus<br />
myMenu.collapseAll();                 // Collapse all submenus</span></p>
<p><span class="Apple-style-span" style="font: 13px Arial;color: #000000"><br />
เวลาเรียกใช้ก็แบบนี้ครับ</span></p>
<p><span class="Apple-style-span" style="font: 13px Arial;color: #000000"><span class="Apple-style-span" style="font: 13px Arial;color: #000000"></p>
<p align="left"><span style="color: #3366ff">&lt;html&gt;<br />
&lt;head&gt;<br />
&lt;link rel=&#8221;stylesheet&#8221; type=&#8221;text/css&#8221; href=&#8221;</span><a href="http://yozzinho.cgplusmag.com/blog/wp-admin/sdmenu/sdmenu.css"><span style="color: #3366ff">sdmenu/sdmenu.css</span></a><span style="color: #3366ff">&#8221; /&gt;<br />
&lt;script type=&#8221;text/javascript&#8221; src=&#8221;</span><a href="http://yozzinho.cgplusmag.com/blog/wp-admin/sdmenu/sdmenu.js"><span style="color: #3366ff">sdmenu/sdmenu.js</span></a><span style="color: #3366ff">&#8220;&gt;<br />
/***********************************************<br />
* Slashdot Menu script- By DimX<br />
* Submitted to Dynamic Drive DHTML code library: http://www.dynamicdrive.com<br />
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code<br />
***********************************************/<br />
&lt;/script&gt;<br />
&lt;script type=&#8221;text/javascript&#8221;&gt;<br />
// &lt;![CDATA[<br />
var myMenu;<br />
window.onload = function() {<br />
myMenu = new SDMenu("my_menu");<br />
myMenu.init();<br />
};<br />
// ]]&gt;<br />
&lt;/script&gt;<br />
&lt;/head&gt;</span></p>
<p><span style="color: #3366ff">&lt;body&gt;</p>
<p>&lt;div id=&#8221;my_menu&#8221; class=&#8221;sdmenu&#8221;&gt;<br />
&lt;div&gt;<br />
&lt;span&gt;Online Tools&lt;/span&gt;<br />
&lt;a href=&#8221;http://tools.dynamicdrive.com/imageoptimizer/&#8221;&gt;Image Optimizer&lt;/a&gt;<br />
&lt;a href=&#8221;http://tools.dynamicdrive.com/favicon/&#8221;&gt;FavIcon Generator&lt;/a&gt;<br />
&lt;a href=&#8221;http://www.dynamicdrive.com/emailriddler/&#8221;&gt;Email Riddler&lt;/a&gt;<br />
&lt;a href=&#8221;http://tools.dynamicdrive.com/password/&#8221;&gt;htaccess Password&lt;/a&gt;<br />
&lt;a href=&#8221;http://tools.dynamicdrive.com/gradient/&#8221;&gt;Gradient Image&lt;/a&gt;<br />
&lt;a href=&#8221;http://tools.dynamicdrive.com/button/&#8221;&gt;Button Maker&lt;/a&gt;<br />
&lt;/div&gt;<br />
&lt;div&gt;<br />
&lt;span&gt;Support Us&lt;/span&gt;<br />
&lt;a href=&#8221;http://www.dynamicdrive.com/recommendit/&#8221;&gt;Recommend Us&lt;/a&gt;<br />
&lt;a href=&#8221;http://www.dynamicdrive.com/link.htm&#8221;&gt;Link to Us&lt;/a&gt;<br />
&lt;a href=&#8221;http://www.dynamicdrive.com/resources/&#8221;&gt;Web Resources&lt;/a&gt;<br />
&lt;/div&gt;<br />
&lt;div class=&#8221;collapsed&#8221;&gt;<br />
&lt;span&gt;Partners&lt;/span&gt;<br />
&lt;a href=&#8221;http://www.javascriptkit.com&#8221;&gt;JavaScript Kit&lt;/a&gt;<br />
&lt;a href=&#8221;http://www.cssdrive.com&#8221;&gt;CSS Drive&lt;/a&gt;<br />
&lt;a href=&#8221;http://www.codingforums.com&#8221;&gt;CodingForums&lt;/a&gt;<br />
&lt;a href=&#8221;http://www.dynamicdrive.com/style/&#8221;&gt;CSS Examples&lt;/a&gt;<br />
&lt;/div&gt;<br />
&lt;div&gt;<br />
&lt;span&gt;Test Current&lt;/span&gt;<br />
&lt;a href=&#8221;?foo=bar&#8221;&gt;Current or not&lt;/a&gt;<br />
&lt;a href=&#8221;./&#8221;&gt;Current or not&lt;/a&gt;<br />
&lt;a href=&#8221;index.html&#8221;&gt;Current or not&lt;/a&gt;<br />
&lt;a href=&#8221;index.html?query&#8221;&gt;Current or not&lt;/a&gt;<br />
&lt;/div&gt;<br />
&lt;/div&gt;</span></p>
<p><span style="color: #3366ff">&lt;/body&gt;<br />
&lt;/html&gt;</span></p>
<p> </p>
<p></span></span></p>
<p><span style="color: #000000">credit : <span class="Apple-style-span" style="font: 12px 'Lucida Grande';color: #000000">http://www.dynamicdrive.com/dynamicindex1/slashdot.htm</span></span></p>
]]></content:encoded>
			<wfw:commentRss>http://yozzinho.cgplusmag.com/blog/2008/07/10/slashdot-menu/feed/</wfw:commentRss>
		</item>
		<item>
		<title>CSS Popup Image Viewer</title>
		<link>http://yozzinho.cgplusmag.com/blog/2008/07/03/css-popup-image-viewer/</link>
		<comments>http://yozzinho.cgplusmag.com/blog/2008/07/03/css-popup-image-viewer/#comments</comments>
		<pubDate>Thu, 03 Jul 2008 08:41:08 +0000</pubDate>
		<dc:creator>yozzinho</dc:creator>
		
		<category><![CDATA[Uncategorized]]></category>

		<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://yozzinho.cgplusmag.com/blog/?p=7</guid>
		<description><![CDATA[หลังจากที่พยายามผสมผสาน ระหว่าง สคริปที่แล้ว
เวลาเอาเม้าส์ไปวาง จะขยายรูปให้เท่ากับขนาดรูปเดิม
ตัวอย่าง ให้เอาเม้าส์ไปวางบนรูปดูครับ
มาเริ่มที่สคริปกันเลย
&#60;style type=&#8221;text/css&#8221;&#62;
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.thumbnail{
position: relative;
z-index: 0;
}
.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}
.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}
.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset [...]]]></description>
			<content:encoded><![CDATA[<p>หลังจากที่พยายามผสมผสาน ระหว่าง สคริปที่แล้ว<br />
เวลาเอาเม้าส์ไปวาง จะขยายรูปให้เท่ากับขนาดรูปเดิม<br />
<a href="http://www.oskabatt.com/web/product_detail.php?model=NP-150&amp;gid=1001&amp;tid=3001&amp;bid=5005">ตัวอย่าง</a> ให้เอาเม้าส์ไปวางบนรูปดูครับ</p>
<p>มาเริ่มที่สคริปกันเลย<br />
<span style="color: #3366ff">&lt;style type=&#8221;text/css&#8221;&gt;</span></p>
<p><span style="color: #3366ff">/*Credits: Dynamic Drive CSS Library */<br />
/*URL: </span><a href="http://www.dynamicdrive.com/style/"><span style="color: #3366ff">http://www.dynamicdrive.com/style/</span></a><span style="color: #3366ff"> */</span></p>
<p><span style="color: #3366ff">.thumbnail{<br />
position: relative;<br />
z-index: 0;<br />
}</span></p>
<p><span style="color: #3366ff">.thumbnail:hover{<br />
background-color: transparent;<br />
z-index: 50;<br />
}</span></p>
<p><span style="color: #3366ff">.thumbnail span{ /*CSS for enlarged image*/<br />
position: absolute;<br />
background-color: lightyellow;<br />
padding: 5px;<br />
left: -1000px;<br />
border: 1px dashed gray;<br />
visibility: hidden;<br />
color: black;<br />
text-decoration: none;<br />
}</span></p>
<p><span style="color: #3366ff">.thumbnail span img{ /*CSS for enlarged image*/<br />
border-width: 0;<br />
padding: 2px;<br />
}</span></p>
<p><span style="color: #3366ff">.thumbnail:hover span{ /*CSS for enlarged image on hover*/<br />
visibility: visible;<br />
top: 0;<br />
left: 60px; /*position where enlarged image should offset horizontally */</span></p>
<p><span style="color: #3366ff">}</span></p>
<p><span style="color: #3366ff">&lt;/style&gt;</span><br />
<span style="color: #3366ff"><span style="color: #000000">แล้วตอนเรียกใช้</span></span></p>
<p><span style="color: #3366ff">&lt;a class=&#8221;thumbnail&#8221; href=&#8221;#thumb&#8221;&gt;&lt;img src=&#8221;show_image.php?filename=products_image/&lt;? echo&#8221;$r_batt[picture]&#8220;; ?&gt;&amp;width=200&amp;height=150&#8243; border=&#8221;0&#8243; /&gt;&lt;span&gt;&lt;img src=&#8221;show_image.php?filename=products_image/&lt;? echo&#8221;$r_batt[picture]&#8220;; ?&gt;&#8221; /&gt;&lt;br /&gt;<br />
   &lt;? echo&#8221;$r_batt[oska_model]&#8220;; ?&gt;&lt;/span&gt;&lt;/a&gt;</span></p>
<p><span style="color: #3366ff"><span style="color: #000000">แค่นี้เองครับ แล้วสามารถปรับแต่ง ที่ CSS ได้ด้วย</span></span></p>
<div><span style="color: #3366ff"><span style="color: #000000">Credit : <a href="http://www.dynamicdrive.com/style/csslibrary/item/css-popup-image-viewer/">http://www.dynamicdrive.com/style/csslibrary/item/css-popup-image-viewer/</a></span> </span></div>
<div><span style="color: #3366ff"> </span></div>
<p><span style="color: #3366ff"> </p>
<p></span></p>
]]></content:encoded>
			<wfw:commentRss>http://yozzinho.cgplusmag.com/blog/2008/07/03/css-popup-image-viewer/feed/</wfw:commentRss>
		</item>
		<item>
		<title>PHP Thumbnailer Demo</title>
		<link>http://yozzinho.cgplusmag.com/blog/2008/07/03/php-thumbnailer-demo/</link>
		<comments>http://yozzinho.cgplusmag.com/blog/2008/07/03/php-thumbnailer-demo/#comments</comments>
		<pubDate>Thu, 03 Jul 2008 06:47:04 +0000</pubDate>
		<dc:creator>yozzinho</dc:creator>
		
		<category><![CDATA[Uncategorized]]></category>

		<category><![CDATA[PHP]]></category>

		<guid isPermaLink="false">http://yozzinho.cgplusmag.com/blog/?p=6</guid>
		<description><![CDATA[วันนี้ จะเอารูปมาย่อก่อน แล้วเวลาคลิกรูป ค่อยขึ้นรูปเต็มๆ
แต่เจอปัญหา ตรงที่รูปที่เราย่อ มันจะแตก ไม่สวย เลยลองเซิจ เรื่อยๆ มาเจอ blog นี้
ของเขาดีมากครับ ทำเป็น Thumbnail รูปเลยไม่แตก
วิธีใช้ก็ไม่ยากครับ
ขั้นแรกต้องโหลด
1.  Both PHP 5 &#38; 4 Versions  &#60;&#60;สำหรับทั้ง 2 Version
2.  Download PHP 4 v2.0    &#60;&#60; สำหรับ PHP 4
3.  Download PHP 5 v2.0    &#60;&#60; สำหรับ PHP 5
แล้วเมื่อโหลดมาเราจะได้

อันนี้ผมใช้ PHP 5นะครับ
ไฟล์ที่จะใช้คือ
show_image.php
thumbnail.inc.php
เอาไปวาง เวลาเรียกใช้ต้องเรียกให้ตรง path ด้วยนะครับ
อย่างของผม จะเรียกใช้จาก ฐานจากข้อมูลก็
$sql_batt=&#8221;select * from tb_products where product_model=&#8217;$_GET[model]&#8216; AND brand_id=&#8217;$_GET[bid]&#8216; AND [...]]]></description>
			<content:encoded><![CDATA[<p>วันนี้ จะเอารูปมาย่อก่อน แล้วเวลาคลิกรูป ค่อยขึ้นรูปเต็มๆ<br />
แต่เจอปัญหา ตรงที่รูปที่เราย่อ มันจะแตก ไม่สวย เลยลองเซิจ เรื่อยๆ มาเจอ blog นี้<br />
ของเขาดีมากครับ ทำเป็น <strong>Thumbnail</strong> รูปเลยไม่แตก<br />
วิธีใช้ก็ไม่ยากครับ<br />
ขั้นแรกต้องโหลด<br />
1.  <a href="http://www.gen-x-design.com/downloads/thumbnail_v2.zip">Both PHP 5 &amp; 4 Versions</a>  &lt;&lt;สำหรับทั้ง 2 Version<br />
2.  <a href="http://www.gen-x-design.com/downloads/php4_thumbnail_v2.zip">Download PHP 4 v2.0</a>    &lt;&lt; สำหรับ PHP 4<br />
3.  <a href="http://www.gen-x-design.com/downloads/php5_thumbnail_v2.zip">Download PHP 5 v2.0</a>    &lt;&lt; สำหรับ PHP 5</p>
<p>แล้วเมื่อโหลดมาเราจะได้</p>
<p><img src="http://i171.photobucket.com/albums/u310/yozzinho/capt1.jpg" alt="" width="500" height="374" /></p>
<p>อันนี้ผมใช้ PHP 5นะครับ</p>
<p>ไฟล์ที่จะใช้คือ<br />
<span style="color: #ff0000">show_image.php<br />
thumbnail.inc.php</span></p>
<p>เอาไปวาง เวลาเรียกใช้ต้องเรียกให้ตรง path ด้วยนะครับ</p>
<p>อย่างของผม จะเรียกใช้จาก ฐานจากข้อมูลก็</p>
<p><span style="color: #3366ff">$sql_batt=&#8221;select * from tb_products where product_model=&#8217;$_GET[model]&#8216; AND brand_id=&#8217;$_GET[bid]&#8216; AND type_id=&#8217;$_GET[tid]&#8216; order by product_model asc&#8221;;<br />
         $res_batt=mysql_db_query($dbname,$sql_batt);<br />
         $num_batt=mysql_num_rows($res_batt);<br />
         $i=0;<br />
         while($i&lt;$num_batt)<br />
         {<br />
         $r_batt=mysql_fetch_array($res_batt);<br />
                               <br />
                                if($r_batt[picture]==&#8221;")<br />
        { ?&gt;<br />
                                &lt;img src=&#8221;products_image/imagenot.jpg&#8221; width=&#8221;200&#8243; height=&#8221;150&#8243; /&gt;<br />
                                &lt;? }<br />
        else<br />
        { ?&gt;<br />
        &lt;img src=&#8221;show_image.php?filename=<span style="color: #ff0000">products_image/&lt;? echo&#8221;$r_batt[picture]&#8220;; ?&gt;</span>&amp;width=200&amp;height=150&#8243; /&gt; &lt;? }  } ?&gt; </span></p>
<p> </p>
<p><span style="color: #3366ff">หรือ จะมีวิธีการใช้แบบอื่นอีก เข้าไปดูได้ที่นี่ ครับ <a href="http://www.gen-x-design.com/projects/php-thumbnailer-class/">http://www.gen-x-design.com/projects/php-thumbnailer-class/</a></span></p>
<div><span style="color: #3366ff">อันนี้วิธีใช้อย่างละเอียด <a href="http://www.gen-x-design.com/demos/thumbnailer/">http://www.gen-x-design.com/demos/thumbnailer/</a> </span></div>
<div><span style="color: #3366ff"> </span></div>
]]></content:encoded>
			<wfw:commentRss>http://yozzinho.cgplusmag.com/blog/2008/07/03/php-thumbnailer-demo/feed/</wfw:commentRss>
		</item>
		<item>
		<title>AJAX Image Gallery powered by Slideflow (like Cover Flow)</title>
		<link>http://yozzinho.cgplusmag.com/blog/2008/06/27/ajax-image-gallery-powered-by-slideflow-like-cover-flow/</link>
		<comments>http://yozzinho.cgplusmag.com/blog/2008/06/27/ajax-image-gallery-powered-by-slideflow-like-cover-flow/#comments</comments>
		<pubDate>Fri, 27 Jun 2008 04:56:20 +0000</pubDate>
		<dc:creator>yozzinho</dc:creator>
		
		<category><![CDATA[Uncategorized]]></category>

		<category><![CDATA[AJAX]]></category>

		<guid isPermaLink="false">http://yozzinho.cgplusmag.com/blog/?p=4</guid>
		<description><![CDATA[
You can drag the Slideflow using your mouse, or click anywhere in the stack to jump there. Click inside the frame in order to enable mouse wheel and arrow key navigation! Or better yet.
Technical background: The photos and titles are read from an XML file, and the thumbnails are pre-generated using Photoshop actions
 
http://mediaeventservices.com/blog/2007/11/15/
ajax-image-gallery-powered-by-slideflow-like-cover-flow/
 
 
credit : http://www.cgitop.com/2008/04/02/ajax-image-gallery-powered-by-slideflow-like-cover-flow.html 
]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.cgitop.com/wp-content/uploads/2008/04/ajax_image_gallery.jpg" alt="" width="450" height="406" /></p>
<p>You can drag the Slideflow using your mouse, or click anywhere in the stack to jump there. Click inside the frame in order to enable mouse wheel and arrow key navigation! Or better yet.<br />
Technical background: The photos and titles are read from an XML file, and the thumbnails are pre-generated using Photoshop actions</p>
<p> </p>
<p><a title="Ajax Image Gallery" href="http://mediaeventservices.com/blog/2007/11/15/ajax-image-gallery-powered-by-slideflow-like-cover-flow/" target="_blank"><span style="color: #cc6633">http://mediaeventservices.com/blog/2007/11/15/<br />
ajax-image-gallery-powered-by-slideflow-like-cover-flow/</span></a></p>
<p> </p>
<p> </p>
<p>credit : <a href="http://www.cgitop.com/2008/04/02/ajax-image-gallery-powered-by-slideflow-like-cover-flow.html">http://www.cgitop.com/2008/04/02/ajax-image-gallery-powered-by-slideflow-like-cover-flow.html</a> </p>
]]></content:encoded>
			<wfw:commentRss>http://yozzinho.cgplusmag.com/blog/2008/06/27/ajax-image-gallery-powered-by-slideflow-like-cover-flow/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Blog แรกของผม</title>
		<link>http://yozzinho.cgplusmag.com/blog/2008/06/27/blog-%e0%b8%82%e0%b8%ad%e0%b8%87%e0%b8%9c%e0%b8%a1/</link>
		<comments>http://yozzinho.cgplusmag.com/blog/2008/06/27/blog-%e0%b8%82%e0%b8%ad%e0%b8%87%e0%b8%9c%e0%b8%a1/#comments</comments>
		<pubDate>Fri, 27 Jun 2008 04:45:36 +0000</pubDate>
		<dc:creator>yozzinho</dc:creator>
		
		<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://yozzinho.cgplusmag.com/blog/?p=3</guid>
		<description><![CDATA[ยังไม่ค่อยเข้าใจอะไรกับ blog เท่าไรครับ ไว้จะลองเล่นๆดู
]]></description>
			<content:encoded><![CDATA[<p>ยังไม่ค่อยเข้าใจอะไรกับ blog เท่าไรครับ ไว้จะลองเล่นๆดู</p>
]]></content:encoded>
			<wfw:commentRss>http://yozzinho.cgplusmag.com/blog/2008/06/27/blog-%e0%b8%82%e0%b8%ad%e0%b8%87%e0%b8%9c%e0%b8%a1/feed/</wfw:commentRss>
		</item>
	</channel>
</rss>
