PageFlip Flash PhotoBook

[Drunkard]

จากกระทู้นี้ http://www.fotorelax.com/forum/index.php?topic=920.0 เห็นว่ามีน้าๆ สนใจให้แนะนำวิธีการแปะ Page Flip Flash PhotoBook วันนี้ก่อนจะหยุดยาว เหมือนจะว่างเล็กๆ ได้เวลามาเขียนสักที...อาจจะยุ่งยากนิดหน่อยแต่ผมเชื่อว่าน้าๆ น่าจะทำได้ครับ...

เริ่มต้นก็ต้องไปสมัครสมาชิก http://www.drunkardgang.com เว็บผมเองแหละครับ ตอนทำเว็บนี้หัดเขียนแฟลชดึงฐานข้อมูลน่ะครับ ชอบถ่ายรูปก็ต้องทำเว็บโพสรูปจริงมั้ยครับ...

สมัครสมาชิกก็คลิกที่ SIGN UP ด้านขวาบนน่ะครับ กรอกข้อมูลให้ครบกด SUBMIT ก็เรียบร้อยแล้วครับ
ปุ่ม LOG IN ก็อยู่ด้านหน้า SIGN UP อ่ะครับ...

[Drunkard]

ถ้าน้าๆ LOG IN เรียบร้อยแล้วก็จะมีเมนูเพิ่มขึ้นมาครับ...

ที่นี้มาถึงขั้นตอนการอัพโหลดรูปเพื่อทำ PhotoBook แล้วล่ะครับ คลิกที่ PHOTO BOOK หรือ EDIT PHOTO BOOK ให้คลิกที่คำว่า CREATE PHOTO BOOK

กรอกข้อมูล TITLE และ BOOK INFO นิดหน่อย... กด NEXT เลยครับ

[Drunkard]

ถ้าเป็นปรกติพอกด NEXT มันก็จะเด้งหน้าต่างขึ้นมาให้เราเลือกรูปที่เราจะอัพโหลดน่ะครับ แต่ถ้าไม่ปรกติก็ error นั่นแหละครับให้คลิกที่ UPLOAD PHOTO ครับ

ข้อจำกัดของรูปที่จะทำการอัพโหลด

1. ต้องเป็น .jpg เท่านั้น
2. ขนาดกว้างยาวต้องเท่ากับ 450x620 PX เท่านั้น
3. ขนาดของไฟล์รูปต้องไม่เกิน 100 KB

อัพโหลดได้ครั้งล่ะ 1 รูป เสร็จ 1 รูปก็คลิกที่ UPLOAD PHOTO เพื่อเลือกรูปต่อไปครับ ข้อจำกัดมันเยอะจริงๆ
อัพโหลดไปเรื่อยๆ จนกว่าจะพอใจครับ แล้วคลิกที่ SUBMIT เพื่อบันทึกครับ แต่ผมแนะนำให้กด SUBMIT ไว้ก่อนแล้วค่อยไปเพิ่มรูปครับ

[Drunkard]

ถ้าจะแก้ไขลบหรือเพิ่มรูปให้คลิกเมนู EDIT PHOTO BOOK ด้านขวาบน แล้วจะเจอ PHOTO BOOK ที่เราสร้างเอาไว้
คลิก EDIT ที่ PHOTO BOOK ที่เราต้องการแก้ไขครับ
แก้ไขเสร็จแล้วให้คลิกที่ UPDATE ครับ เป็นอันเรียบร้อยได้ PHOTO BOOK มาหนึ่งอัลบั้ม สำหรับส่วนอื่นๆ ก็ลองเล่นดูน่ะครับ

ต่อไปก็จะเป็นการเอาไปแปะเว็บบอร์ดที่รองรับ Flash แล้วหล่ะครับ

[Drunkard]

ก่อนอื่นต้องคลิกที่ PhotoBook ที่ต้องการเอาไปแปะครับ มันจะแสดงผลแบบ POPUP ครับ ใครที่ Block PopUp ไว้ มันก็จะถามก่อนว่าจะเปิดมั้ย...
ได้หน้า PhotoBook ที่เป็น POPUP แล้วให้กด Ctrl+N เพื่อเปิด PhotoBook ในหน้า IE แบบปรกติอ่ะครับ มันยุ่งไปมั้ยครับ
ที่ต้องทำแบบนี้เพราะว่าเราต้องการ View Source ของหน้านี้ครับ.... เพื่อ Copy Code ไปใช้งานครับ

ค้นหาคำว่า "flashvars" แล้ว Copy Code ในแถบน้ำเงินตามภาพที่ 2 ครับ....
นำ Code ที่ Copy มา Paste ต่อจากข้อความนี้ครับ

โค๊ด: [Select]

http://www.drunkardgang.com/photobook/9986342985260450.swf?
จะได้เป็น

โค๊ด: [Select]

http://www.drunkardgang.com/photobook/9986342985260450.swf?book_id=37&book_username=BOYD_DK&count=1
&bg_imagename=def&bg_color=0D0D0D&menubar_color=0D0D0D&menubar_alpha=100&enabled_alpha=15&textinput_color=333333
&textmenu_color=666666&textmenu_color_over=04B8FB&designloaded=true
นำ Code ชุดนี้ไปใช้ได้เลยครับวิธีการเหมือนแปะ Youtube ครับ ขนาดที่เหมาะสมก็ 930x650 ครับ ตามด้านล่างครับ

โค๊ด: [Select]

[flash=930,650]http://www.drunkardgang.com/photobook/9986342985260450.swf?book_id=37&book_username=BOYD_DK
&count=1&bg_imagename=def&bg_color=0D0D0D&menubar_color=0D0D0D&menubar_alpha=100&enabled_alpha=15
&textinput_color=333333&textmenu_color=666666&textmenu_color_over=04B8FB&designloaded=true[/flash]
จบแล้วงงมั้ยครับ....

[iGamez]

เด๋ววันไหนมาเข้าเวรแล้วว่งๆจะลองทำดูครับน้า


ขอบคุณมากๆคร๊าบ 

[aeaehz]

ขอบพระคุณอย่างสูงครับ สวยมาก