Flash Gallery AS2 light box ตอนที่2

ต่อจากตอนที่แล้ว ตัวอย่าง Flash Gallery แบบ lightbox

เรื่องของ linkage และการทำ popup ที่จะแสดงแกลรอรี่รูปใหญ่
1.สร้าง mcเปล่า ขึ้นมา1ตัว ตั้งชื่อmc ว่า photo และ instance name ชื่อ photo (Ctrl+F8) mc ตัวนี้ก็จะเป็นตัวที่เรียกรูป thum ขึ้นมาแสดงครับ หลังจากนั้นก็กด ok
flash gallery 1
ตอนนี้ก็จะอยู่ด้านใน mc ที่เราสร้างขึ้นมา แล้วก็จัดการทำกราฟฟิคตามรูปอีกครั้งหนึ่ง จากนั้นก็กลับไปหน้า scene1flahs gallery 2
2.สร้าง mcเปล่า ขึ้นมา1ตัว ตั้ง instance name ชื่อ popup แล้วทำการสร้าง linkage ตามรูป
flash gallery 3
ตอนนี้ก็จะอยู่ด้านในของ mc ที่ชื่อ popup นะครับ
2.1 ทำการสร้างสี่เหลี่ยมขนาด 800×600 pixel แล้ว convert เป็น mcไม่ต้องตั้งชื่อ instance ก็ได้ครับ จากนั้นใส่ script นี้ลงไปครับ (จิ้มที่สี่เหลี่ยมแล้วกด F9) on(rollOver){this.useHandCursor = false;} โค๊ตตัวนี้จะเป็นการไม่ให้กดไปลิ้งค์ต่างๆ ลองไม่ใส่โค๊ต กับใส่โค๊ตแล้วรันดูจะเห็นความแตกต่าง
2.2 สร้างสี่เหลี่ยมขนาด 500×500 pixel แล้ว convert เป็น mc ตั้งชื่อ instance ชื่อ area
2.3 สร้าง button เป็นวงกลมดังรูปครับเป็นปุ่มเอาไว้สำหรับปิดรูปใหญ่แล้วใส่โค๊ตนี้ลงไปบนปุ่มครับ on(release{this.removeMovieClip();}
flash gallery 4
จากนั้นก็กลับไปที่ scene 1 mc popup สามารถลบทิ้งไปได้ครับ มันจะถูกเก็บไปไว้ใน library ของเราครับ
flash gallery 5

ทั้งสามตัวนี้อยู่ใน mc เดียวกันคือ mc popup แล้วจัดเรียงลำดับตัวไหนอยู่บนตัวไหนอยู่ล่าง แบบในรูปครับ แล้วทดลองรันดูครับ ก็จะได้ Flash Gallery แบบง่ายๆ
มีตรงไหนไม่เข้าใจก็โพสถามได้นะครับ มือใหม่เหมือนกันครับ แฮ่ๆ ประยุกต์เอาไปทำอย่างอื่นได้

4,960 views

One thought on “Flash Gallery AS2 light box ตอนที่2

Leave a Reply

Your email address will not be published.