Shadowbox.js แสดง รูปภาพ,ข้อความ บนพื้นหลังดำ

ผมไม่แน่ใจเหมือนกันว่าภาษาไทยเรียกเทคนิคของการแสดงรูปภาพ หรือ ไฟล์มีเดีย ที่เด่นออกมาบนพื้นหลังที่มืด หรือสีดำว่าอะไร แต่ด้วยที่ผมได้ยินคับคล้ายคับคลา เหมือนฝรั่งเค้าจะเรียกเทคนิคหรืออาจจะเป็นชื่อโปรแกรมเฉยๆ ที่ว่าเรียกว่า shadowbox หรืออะไรก็ตามแต่

ShadowBox ในแบบของ facebook (ภาพด้านล่าง)

ด้วยความสนใจและสงสัยผมก็ลองไปรื้อๆค้นๆ เทคนิคนี้ดู ผมไปเจอ library ของ Javascript ตัวหนี่งที่ชื่อว่า Shadowbox.js ซึ่งเป็น lib ที่ช่วยอำนวยความสะดวกของการทำเทคนิคนี้ และมีความ highly customizable ตามที่เว็บเค้าบอก

Shadowbox เขียนขึ้นมาด้วย Javascript และ CSS การนำมาใช้งานก็ไม่ยุ่งยากอะไรมากมาย

เริ่มต้นที่การไปดาวน์โหลด มาจากเว็บไซต์ผู้พัฒนา http://www.shadowbox-js.com/download.html ในขั้นตอนของการดาวน์โหลดจะมี ตัวเลือกว่าจะให้ Shadowbox รองรับการแสดงไฟล์มีเดียในรูปแบบไหนบ้าง เช่น Image,Html,SWF ฯ แนะนำให้คลิกเลือกหมดเลยก็ได้ครับ เพื่อความสะดวกและความพร้อมของการเลือกใช้งาน

หลังจากดาวน์โหลดมาแล้ว ก็มาเก็บไว้ใน Directory พร้อมที่จะ import เพื่อนำเข้ามาใช้ในเว็บของเรา

ขึ้นตอนต่อไปหลังจากเก็บไว้ใน Directory แล้วก็เริ่มนำเข้ามาใช้งาน โดยการเรียกไฟล์ Javascript และ ไฟล์ CSS ของ Shadowbox เข้ามาใช้งานตามรูปแบบข้างล่าง

<link rel="stylesheet" type="text/css" href="shadowbox.css"> 
<script type="text/javascript" src="shadowbox.js"></script> 
<script type="text/javascript"> Shadowbox.init(); </script>
และประกาศใช้ Shadowbox.init(); เริ่มต้นเพื่อให้ Shadowbox เริ่มทำงาน ซึ่งในครั้งนี้จะขอยกตัวอย่างการนำ Shadowbox ไปใช้งานเพื่อแสดงรูปภาพในเว็บไซต์ การแสดงรูปภาพโดยเทคนิคนี้ก็ไม่ได้ยากลำบากอะไรมากนัก ก็เพียงแค่ประกาศ <a> เพื่อลิงก์ไปยังรูปภาพ แต่เพิ่ม rel="shadowbox" เข้าไปใน <a> ด้วย
<a href="myPicture.jpg" rel="shadowbox">My Picture</a>
เพียงเท่านี้รูปภาพชองเราก็จะถูกแสดงในรูปแบบของ Shadowbox แล้ว

มีคลิปของฝรั่งเค้าทำไว้ เกี่ยวกับ Basic การใช้ Shadoxbox ใน Youtube ลองศึกษาเพิ่มเติมได้ จากคลิปด้านล่างนี้

ศึกษาเพิ่มเติมเกี่ยวกับ Shadowbox ได้ที่ http://www.shadowbox-js.com/usage.html

สุขสันต์วันเกิดแม่

ตลอดของช่วงการเรียนซัมเมอร์ มีเรื่องต่างๆ ต้องให้คิดให้ทบทวนอยู่ตลอดเวลา ไม่ว่าจะเป็นเรื่องการย้ายเข้าไปอยู่หอพักเดิมแต่ความรู้สึกที่มันเปลี่ยนไป การลงทะเบียนเรียนซัมเมอร์ที่ยังไม่ลงตัวสักที พอกลับมาบ้านหลังจากเรียนไปแล้วหนึ่งอาทิตย์ ในแต่ละวันก็ไม่ได้ทำอะไรนอกจากนอนเล่น ดูหนังฟังเพลง ฆ่าเวลา และพักผ่อนไป สาเหตุจริงๆของการกลับบ้านในครั้งนี้อีกอย่างหนึ่งคือการกลับมาใช้สิทธิ์กาเลือกผู้ใหญ่บ้าน ที่ก็ไม่ได้รู้เรื่องรู้ราวอะไรกับเขาเลย แค่ออกไปใช้สิทธิ์ที่ตนมี อย่างที่บอกไว้ตอนต้นว่าตลอดช่วงสัปดาห์ที่ผ่านมามีอะไรให้คิดให้ทำมากมาย จนทำให้ลืมวันเกิดของคนที่เรารักที่สุด ยังดีที่ตอนเย็นของของวันที่ 8 แม่เรียกป้าๆ ข้างบ้านมานั่งกิน นั่งคุยกัน ไม่งั้นผมเองก็คงจะคิดไม่ออกว่าวันนี้มันสำคัญขนาดไหน จะว่าไปแล้วก็น่าจะโทษตัวเองด้วยซ้ำที่วันสำคัญขนาดนี้ยังลืมลงได้ ถ้าเป็นลูกคนอื่นหละก็ เค้าก็คงมีของขวัญให้แม่ หรือบอกรักดังๆ ผ่าน facebook บ้าง twitter บ้าง เอาเป็นว่าของโอกาสให้ลูกคนนี้อีกทีก็แล้วกัน ปีต่อๆ ไปวันนี้ๆ จะเป็นวันที่ “แม่” จะต้องมีความสุขที่สุด.


cUrl กับการวนเก็บคะแนน วิชา Huge111 ใครคือ 26.5 ใคร คือ 1

หลังจากประกาศผลออกมาตอนเช้า ของวันนี้ ก็ถือว่าเป็นที่หน้าดีใจ สำหรับคนที่ได้คะแนนเยอะ และในทางตรงกันข้ามก็ถือเป็นที่เศร้าสำหรับคนที่คะแนนยังริบรี่ แต่ก็ช่างมันเถอะ เมื่อผ่านมาแล้ว ก็ผ่านไป ไปสู้กันอีกทีตอนปลายภาค แต่ เรื่องมันไม่ได้จบเพียงเท่านั้นเพราะ  Huge111 คนที่ทำวิชานี้ได้เยอะย่อมไม่ใช่มนุษย์แน่นอน(เค้าว่ากันอย่างนั้น) เพราะเนื้อหาวิชาที่สอน ในแต่ละครั้ง เข้าขั้นลึกซึ้ง พาลทำให้คนฟังบรรยายเคลิบเคลิ้มไปตามๆ กัน

แต่ประเด็นมันไม่ได้จบเท่านั้น ความสงสัยมันก็เกิดขึ้น ว่าใครนะใครทีจะเยี่ยมยุทธิ์ ได้คะแนนตั้ง 26.5 เค้าคนนั้นยังเป็นมนุษย์ธรรมดาเหมือนเราหรือใหม่

Read the rest of this entry »


บันทึก 3 วันกับชีวิตบน Ubuntu [natty narwhal]

เป็นเวลา กว่าสามวันมาแล้ว ที่ได้ปลีกตัวออกมาใช้ชีวิตบนระบบปฎิบัติเสรี ที่เรียกตัวเองเป็นระบบปฏิบัติการเพื่อมนุษยชาติ นั่นก็คือ Ubuntu นั่นเอง สาเหตุที่เปลี่ยนมาใช้ ก็เพราะทนไม่ได้ กับความประสิทธิภาพของวินโดว์ ที่มีอยู่ไม่ได้จริงๆ ช้าบ้าง เจ๊งบ้าง เน่าบ้าง บลาๆ ณ เวลานั้นคิดว่า Ubuntu น่าจะเป็นทางออกที่ดีที่สุดหละมั้ง

Read the rest of this entry »


เช็คลิงก์ในหน้าเว็บอื่นด้วย PHP SMDP

หลังจากที่ 2-3 วันนี้ได้คลุกสุม อยู่กับการทำ seo เพื่อที่จะดันบล็อกแห่งนี้ขึ้นไปไต่อันดับของกูเกิ้ล จนตอนนี้ ก็มีขึ้นหน้าแรกแล้ว แต่ด้วย keyword อะไรนั้น ไม่ขอบอก อาย !

เอาแหละมาเข้าเรื่องของเราเลยก็แล้วกัน เคยอ่านหนังสือของสอนทำ seo เล่มหนึ่ง ที่ทำให้ผมรู้จักเทคนิคดีๆ ในการทำ seo มากมาย มีอยู่เทคนิคหนึ่งนั่นก็เทคนิคการแลกลิงก์ การแลกลิงก์ อาจจะเป็นเสมือนสะพานให้บอทของเสิร์จเอ็นจิ้น รู้จักเว็บเรา หรือถ้าเว็บที่แลกลิ้งเปิดมานาน มีค่าคะแนนของหน้าเว็บสูง ยิ่งเราได้ลิงก์ มาจากเว็บนั้นก็ช่วยส่งเสริมให้ค่า pagrank (คะแนนของหน้าเว็บ) ของเราได้ด้วย

Read the rest of this entry »


ICT เค้าบล็อกเฟสเราเหรอ

อะไรของพวกเค้าเนี่ยยยยย


MineCraft สี่เหลี่ยมมหัศจรรย์

วันก่อนไปเห็นหัวเอ็มของเพื่อนใน contact ก็เลยลองเอา เสิร์จดู ปรากฏว่า โอ้ โรบิ้น นี่มันเกมอะไรหว่า ทำไมภาพมันเป็นเหลี่ยมๆ ไม่วิจิตรสวยงามตระการ เอาหล่ะ ก็ยังดีหละหว้าลองโหลดมาเล่นดูก่อน

ขออธิบายคร่าวๆ minecraft (ผสมตามใจฉัน) เป็นเกมที่จะให้ผู้เล่นตี ทุกอย่างที่ขวางหน้า แล้วเก็บของเหล่านั้นมาผสมโน่นนี่ตามสูตรที่กำหนด แล้วจะได้ของออกมาอีกอย่าง ฯลน (อธิบายตามที่เข้าใจ) แต่เกมนี้ถ้าจะเล่นไอดีจริงๆ ต้องซื้อที่เว็บผู้ผลิต แต่เล่นแบบ classic ก็สวดย๊อด แล้ววพี่น้อง อ้อ !! แลนได้ด้วย😀


Read the rest of this entry »