ขออนุญาตเบิล
หลังจากงมกับ pageflip ไป 2 วัน
วันนี้ผมเลยจะพาคนที่คิดจะทำแต่เริ่มไม่ถูกมาช่วยกันดำน้ำครับ
ผมจะเสนอวิธีทำแบบง่ายๆ เบสิกๆ ไม่ต้องยุ่งกับโปรแกรมแฟลชเลยนะครับ ลุยกันเล้ย
ก่อนอื่นดาวนโหลดโค้ด page flip ขอทีม Shift+Control มาก่อนครับ
http://76design.com/shiftcontrol/index.php/2006/08/22/dynamic-page-flip-v2/โหลดแสร็จแล้วแตกไฟล์ออกมาจะพบกับ
แล้วไปยุ่งกับอันไหนดี
กรณีที่ผมนำเสอนนี้ ยุ่งแค่ 3 ไำฟล์ครับ
1.
เปิดออกมาจะพบกับ
2.
เปิดออกมาจะเจอกับไฟล์เต็มเลย
ลบมันทิ้งให้หมดเลยครับ เพราะโฟลเดอร์นี้ใช้เก็บหน้าหนังสือแต่ละหน้า เราจะทำของเราใหม่ก็ลบทิ้งเลยครับ
3.และสุดท้ายพระเอกของงานนี้ ตัวรันหนังสือครับ
ใครไม่มีเครื่องเล่นแฟลชเอานี่
www.samooclub.com/books.exe ไปวางไว้ในโฟลเดอร์เดียวกันกับ pageflip_v213_dynamic_smart.swf แล้วรันจากตัวนี้แทนครับ
ขั้นตอนการทำงาน
1 เตรียมหน้าหนังสือ
2 แก้ไขไฟล์ xml
3 เสร็จแล้ว รันเลย
1. เตรียมหน้าหนังสือแต่ละหน้า (เป็นไฟล์ swf jpg หรืออะไรก็แล้วแต่แต่ที่ผมทำใช้ jpg ครับ)
โดยเราต้องวางแผนแล้วว่าจะให้หนังสือเรามีขนาดเท่าไหร่ (ผมจะใช้ 450x600 ครับ)
อันนี้เป็นภาพที่ผมเตรียมเอาไว้
อย่าลืมเตรียมหน้า prepage ด้วยนะครับ
2. แก้ไขไฟล์ xml
เปิดไฟล์
ด้วย notepad
จะเจอกับโค้ดแบบนี้
เราสามารถปรับขนาดได้ที่บรรทัดแรก ตรง
<content width="
300" height="
400"
ผมเปลี่ยนเป็น <content width="
450" height="
600" นะครับ
จากนั้นมากำหนดแต่ละหน้ากัน โดย ที่ทำกรอบไว้นั่นคือคำสั่งในหนึ่งหน้านะครับ มี 10 หน้าก็ก๊อปไป 10 ชุดเลยครับ แล้วมาแก้ไขที่อยู่หน้าหนังสืออีกที
อันนี้แก้เสร็จแล้วครับ โดยหน้าหนังสือของผมแต่ละหน้าคือ 1.jpg 2.jpg 3.jpg 4.jpg 5.jpg .... ไปเรื่อยๆ
กด save แล้วรัน
ได้เลยครับ
จบขั้นเบสิก รอขั้น Advance จากผู้รู้ครับ
ไฟล์ประกอบการดำน้ำครับ
www.samooclub.com/page_flip.rar (1.69 MB)