การทำ Background โปร่งใส ให้ไฟล์ Flash (SWF)
เมื่อหลายสัปดาห์ก่อนพลอยมาถามเรื่องวิธีการทำให้พื้นหลังของไฟล์ Flash เป็นแบบโปร่งใสเวลาแสดงผลบนหน้าเว็บเพจ ก็เลยช่วยกันหาวิธีทำจนได้มาดังนี้ครับ
สำหรับคนที่ยังนึกไม่ออกว่าพื้นหลังโปร่งใส หรือ Transparency Background นั้นคืออะไรให้ดูรูปด้านบนนี้ครับ ถ้าเราวาดรูปลิงในโปรแกรม Flash เมื่อ Publish ออกมาเป็นไฟล์ .swf แล้วนำไปวางบนหน้าเว็บเพจ มันจะมีพื้นหลังที่เป็นกรอบสีขาวติดมาด้วยแบบรูปด้านขวา แต่ถ้าเราไม่ต้องการให้เป็นเช่นนี้ ก็ต้องกำหนดค่าเว็บเพจนั้นแสดงผลไฟล์ Flash โดยให้มีพื้นหลังเป็นแบบโปร่งใส หรือ Transparency แบบรูปด้านซ้ายครับ
วิธีทำ สามารถทำได้ 3 วิธี ดังนี้
วิธีที่ 1 - ตั้งค่า Publish Settings ในโปรแกรม Flash
- เลือกเมนู Flie >> Publish Settings… (หรือกด Ctrl+Shift+F12)
- จะมีหน้าต่าง Publish Settings ขึ้นมาให้เลือกแถบ HTML
- ในช่อง Window Mode ให้เลือก “Transparency Windowless” แล้วกดปุ่ม OK
- เมื่อตั้งค่าเรียบร้อยแล้วก็ Publishไฟล์ HTML และ SWF ออกมาได้เลยครับ
.
.
วิธีที่ 2 - ตั้งค่าในการแสดงผลไฟล์ Flash ในโปรแกรม Dreamweaver
- ใส่ไฟล์ Flash ลงในหน้าเว็บเพจโปรแกรม Dreamweaver ตามปกติ
- คลิ๊กขวาบนไฟล์ Flash แล้วเลือก Parameters…
- จะมีหน้าต่าง Parameter ขึ้นมา ในฝั่ง Parameter ให้ใส่ว่า “wmode” ส่วนฝั่ง Value ให้ใส่ว่า “transparent”
- คลิ๊กปุ่ม OK แค่นี้ก็เสร็จแล้วครับ
.
.
วิธีที่ 3 - แก้โค้ด HTML เองเลย
ต้องเข้าไปแก้โดยการเพิ่มโค้ด 2 ที่ดังนี้ครับ
<param name=”movie” value=”flashmovie.swf” />
<param name=”quality” value=”high” />
<param name=”wmode” value=”transparent” />
<embed src=”flashmovie.swf” width=”550″ height=”400″ quality=”high” pluginspage=”http://www.macromedia.com/go/getflashplayer” type=”application/x-shockwave-flash” wmode=”transparent”></embed>
</object>
.
.
Thanks :
ขอขอบคุณ “ปิง” สำหรับภาพประกอบรูปลิงครับ
13. September 2007 at 00:40
โอ้.. thanksหลาย เคยอ่านเจอเหมือนกัน แตดัน่ลืมไปแล้ว ดีๆทบทวนความรู้
13. September 2007 at 05:03
ขอบใจที่ให้เครดิต และความรู้นะพลอยรุ่ง O_O
13. September 2007 at 13:31
เคยประสบกับปัญหานี่เช่นกัน :S
ขอบคุณที่มาชี้ทางสว่างให้
14. September 2007 at 01:13
โดนัทเป็นคนหามาให้เราแท้ๆ ขอบคุณคับ
แล้วการอัพบลอกแบบให้ความรู้เนี่ย เราทำไม่ได้เอาซะเลยนะ
อาการอยากอัพทีไรจะมีแต่เรื่องของกินทั้งนั้นเลย
ไว้จะพยายามเก็บตกความรู้มาอัพบ้างนะคับ อิอิ
14. September 2007 at 14:27
ขอบคุณมากโดเราก็ลืมไปแล้วเหมือนกัน - -.
ตอบนะ…
ลองอีกรอบ….ไม่รู้ทำไมโพสไม่ติดหว่า
< = มากกว่า <_;
> = น้อยกว่า >_;
เอา _ ออกเวลาพิมพ์นะ
14. September 2007 at 21:45
โอย post ไปที่นึงแล้วมัน fail อ่ะ ต้องพิมพ์ใหม่เลย
หวัดดีคับคุณ blue rabbit ผมแวะมาเยี่ยมบ้าง
คุณ blue rabbit เขียนเก่งดี น่าชื่นชมอ่ะ >__
14. September 2007 at 21:46
อ่ะ ทำไมผมพิมตั้งยาว มันขึ้นให้แค่นั่นหล่ะ T_T
14. September 2007 at 22:48
taiko - ขอบคุณนะครับ
ช่วงนี้รู้สึกว่า wordpress จะมีปัญหามากเลย
1. Comment แล้ว Fail
2. ถ้าพิมพ์เครื่องหมาย “น้อยกว่า” ใน Comment ข้อความหลังเครื่องหมายจะหายไปหมดเลยครับ
14. September 2007 at 23:15
โฮ T_T เพราะแบบนี้นี่เอง
งั้นผมกลับมาพิมพ์ใหม่ -3-
งวดนี้จะไม่มีเครื่องหมายต้องห้าม
สำหรับ flash นี่ผมไม่ได้จับมานานมากๆ
เมื่อสามสี่วันก่อนต้องเขียน as ให้ที่ทำงาน
ตั้งใจจะให้มัน แสดง code html งงอยู่ตั้งนานว่าทำไง
เพราะ assign ค่าใส่ตัวแปรตรง ๆ แต่พอมัน render ขึ้น
มันrender เป็น html ซะงั้น
ผมว่าblog คุณ blue rabbit สวยดีนะ ชอบสี+simplicityอ่ะ
เห็นคุณเขียนเกี่ยวกับ social network ซึ่งผมก็สนใจเหมือนกัน
เลยขอถือโอกาสแนะนำหนังสือ ชื่อ linked
เขียนโดยใครไม่รู้จำชื่อไม่ได้ ลองดู หน้าปกจากblogผมเอา (ทางล่าง ๆ
ถ้าไม่เห็นก็กด refresh เอาเพราะมันจะ random อ่ะคับ)
ผมว่าเล่มนี้ดีมาก ๆ เลยนะ คุณน่าจะชอบ หาอ่านได้ที่ kino kuniya
ที่ central world นะคับ ลองหาดูนะ
15. September 2007 at 23:48
เดี๋ยวจะลองไปหาอ่านดูครับ
ขอบคุณที่แนะนำมานะครับ
16. September 2007 at 12:30
โหเยี่ยมจริงๆ
23. September 2007 at 13:23
โอ้ เยี่ยม วันหลัง ใช้ Flash ทำเว็บ จะได้เอาไปใช้บ้าง ขอบคุณจ้า
24. September 2007 at 01:10
9. October 2007 at 18:05
good !
6. April 2008 at 01:23
ขอบคุณมากมายเลยค่ะ หาวิธีแก้ไขมานานแล้ว