Hate Me $0.01 มากับลูกเล่นอีกนิดหน่อย หลังจากพยายามหาวิธีเติม Javascript ใน Exteen อยู่หลายวัน ในที่สุดก็ถูไถ จับ jQuery และ ShadowBox ใส่ในแท็ค <head>...</head> จนได้ (เพราะต้องเรียกใช้ jQuery ในอันดับแรกสุด ก่อนที่จะโหลดหน้าเว็บทั้งหมด รวมทั้ง script หรือ plugins ตัวอื่น ของมันด้วย)

ในที่สุดเราก็สร้าง Themes Gallery ใน Exteen สำเร็จ! (น่าจะยกรางวัลโนเบลให้เลยนะ... เว่อร์ซะ O_o)

อ้อลืมแนะนำไป jQuery เป็น Javascript Library ยอดนิยมตัวหนึ่งของโลก ที่เราสามารถเอามาใช้งานได้ฟรี และเป็น Open Source ที่มีอะไรให้เล่นเยอะแยะมากมาย เช่น ลูกเล่นสไตล์ web2.0 หรือ AJAX ทำให้หน้าเว็บธรรมดาดูน่าสนใจขึ้นมาเป็นกอง โดยไม่ต้องพึ่งไฟล์ใหญ่ๆอย่าง Flash และที่สำคัญมันไม่อันตราย หรือเขียนขึ้นมาอย่างมั่วซั่ว เหมือน Javascript สมัยก่อน นอกจาก jQuery แล้ว ก็ยังมี Javascript Library/Framework อีกหลายตัว ที่ Open Source เหมือนกัน เช่น YUI , Prototype , Script.aculo.us , DojoToolkit , MooTools , ExtJS และอื่นๆ อีกมากมาย เพื่อให้เราๆท่านๆ ที่ไม่ใช่เซียนกลับชาติมาเกิด ก็สามารถสร้างเอฟเฟคต์สำหรับหน้าเว็บได้เอง

ส่วน ShadowBox เป็นได้ทั้ง Library และ Plugin ของ Library ตัวอื่น ที่เอามาใช้ ก็เพราะมันสามารถสร้าง Gallery สำหรับเล่นไฟล์มัลติมีเดียหลากหลายรูปแบบ ทั้ง Flash , QuickTime, Windows Media หรือแม้แต่เว็บเพจมันก็จับยัดใส่ ShadowBox ได้ โดยโหลดหน้าเว็บใหม่ซ้อนในหน้าเดิมนั่นเลย อย่างที่หลายคนอาจจะได้เห็นไปแล้ว เมื่อลองคลิ๊กลิ้งค์ต่างๆในเอ็นทรี่นี้ (เป็น css layer ไม่ใช่ iframe) แต่ก็อาจจะยกเว้นผู้ใช้ Internet Explorer รุ่นเก่า (IE อีกแล้ว!) ที่ไม่สามารถเห็นเอฟเฟคต์ของ ShadowBox ได้อย่างที่คนทำอยากให้เห็น ถ้าใครยังใช้ IE6 อยู่ ก็หาทางเปลี่ยนเถอะนะ จะได้เล่นเน็ตอย่างมีความสุข หรือถ้ายังรัก IE ไม่มีเปลี่ยนแปลง ตอนนี้ก็มี IE8 Beta ให้ดาวน์โหลดได้ฟรีแล้วด้วย ซึ่งปรับปรุงดีขึ้นมากเลยดีเดียว

แต่ด้วยข้อจำกัดที่ไม่สามารถใส่โค้ดในแท็ค <head> ก่อน <body> ของ Exteen ได้อย่างเป็นธรรมชาติ บราวเซอร์ที่เรนเดอร์หน้าเว็บได้สวย ทั้งใน Mac และ Windows อย่าง Safari ก็เอ๋อไปเหมือนกัน ถ้าเข้า blog นี้ ในครั้งแรก (Safari2 มีปัญหากับ Sidebar ที่สั่งพับเก็บไว้ แต่ Safari3 ไม่มีปัญหา) ส่วน Opera ไม่มีปัญหากับ Javascript เท่าไหร่ แต่ดันมีปัญหากับการตัดคำภาษาไทย (ใครใช้ Opera เข้าเว็บไทยเป็นประจำ คงรู้ว่าต้องกด control+F11 หรือ apple+F11 เพื่อตัดประโยคภาษาไทยที่ล้นกรอบ) และบราวเซอร์ที่ไว้ใจได้มากที่สุดตอนนี้ เห็นจะไม่พ้น FireFox3 (FireFox3.0.3 มีภาษาไทยให้เลือกแล้วนะจ้ะ)

เออ... แล้วเราบ่นอะไรไปนี่? กะจะเขียนสั้นๆ ไหงมันยาวซะได้ เอาเป็นว่า Javascript Library ไม่ใช่บะหมี่กึ่งสำเร็จรูปก็แล้วกัน ถ้าจะเอามาใช้ก็ต้องเรียนรู้วิธีการปรุงกันหน่อยนะครับ ถ้าผมแวะมาเยี่ยมผีแม่หม้ายเซ็กซี่แถวนี้บ่อยๆ ก็อาจจะได้เล่าสู่กันฟัง (พูดยังกะยก blog ให้คนอื่นไปแล้ว) ช่วงนี้ต้องเตรียมตัวไปรับรางวัลโนเบล สาขาหลงตัวเอง...

ตัวอย่างเอฟเฟคต์ของ ShadowBox

  1. ดูหน้าเว็บ Exteen ใน ShadowBox โดยไม่ต้องออกจากหน้านี้ : Exteen.com
  2. ตัวอย่างการเล่นไฟล์ Flash ใน ShadowBox : Pixelisto Show Reel
  3. ดูตัวอย่าง Themes Gallery ของข้าพเจ้า : No $alary Guy Gallery

Comment

Comment:

Tweet

#6 By (118.244.213.6|178.63.0.194, 118.244.213.6) on 2014-07-06 19:23

Nice themes.I would appreciate your work.

#5 By Creative Logos Gallery (110.37.54.111) on 2010-10-23 21:49

หาเรื่อง ajax อยู่ ไปๆมาๆเจอ blog นี้
ธีมเท่ดีค่ะ เพิ่งรู้ว่า exteen ก็แต่งแบบนี้ได้ด้วย

#4 By SKII (203.4.160.15) on 2009-10-12 11:08

เท่อะ

#3 By dong=ดอง,โด่ง on 2008-10-26 16:03

อยากโดนผีแม่ม่ายเข้าสิงบ้างจัง
สวยดีอ่ะครับ อยากได้มานานแล้ว
ลองทำบ้างท่าจะรุ่ง open-mounthed smile

#1 By xViStA on 2008-10-26 13:09

GiBB☯ View my profile

Hate Me $0.01 : Design by my webzer.net