Flash: ใส่ลิงก์ให้ Movie Clip
วิธีใส่ลิงก์ใน Movie Clip ของแฟลช (Creating URL links for Flash Movie Clip) เพื่อให้เวลาที่ถูกคลิกแล้วจะเปิดหน้าเว็บที่ต้องการขึ้นมา โดยใช้ Flash ActionScript 3 แบบเดียวกับตัวอย่างข้างล่างสามารถทำได้ดังนี้
ขั้นตอนที่ 1. สร้างไฟล์ Flash ActionScript 3 จากนั้นเอา Movie Clip ที่ทำไว้วางลงไปบนหน้าจอ
ขั้นตอนที่ 2. เลือกที่ Movie Clip บนหน้าจอ จะพบว่ามีเมนู Properties ปรากฏขึ้นมา โดยใส่ชื่อในช่อง Instance name ว่า myMc
ขั้นตอนที่ 3. สร้างเลเยอร์ใหม่เพิ่มขึ้นอีกหนึ่งอันไว้ด้านบนเหนือเลเยอร์ที่มี Movie Clip อยู่ แล้วให้เลือกทำงานในเลเยอร์อันใหม่ที่อยู่ด้านบนนี้ โดยกด F9 เพื่อเปิดหน้าต่าง Action แล้วใส่โค้ดว่า
var url:String = "http://www.shopinbottle.com";
var request:URLRequest = new URLRequest(url);
myMc.addEventListener(MouseEvent.CLICK, onClick);
function onClick(e:MouseEvent):void
{
navigateToURL(request, "_blank");
}
myMc.addEventListener(MouseEvent.ROLL_OVER,myMcOver);
function myMcOver (e:MouseEvent):void {
myMc.buttonMode = true;
myMc.useHandCursor = true;
}
ขั้นตอนที่ 4. จากนั้นก็กด F12 สั่งให้ส่งออกเป็นไฟล์ .swf ก็เสร็จแล้ว
โดยไฟล์ที่ได้จากตัวอย่างมันจะลิงก์ถูกไปที่เว็บของ Shopinbottle.com แต่เวลาที่จะเอาโค้ดนี้ไปใช้ก็อย่าลืมเปลี่ยน URL จาก http://www.shopinbottle.com ที่อยู่ในโค้ดบรรทัดที่ 1 ให้กลายเป็น URL ของเว็บอันใหม่ตามที่คุณต้องการ
อธิบายเพิ่มเติม
ถ้าลองคลิกลงบนไฟล์ swf ที่สร้างเอาไว้ในเครื่องของเราเองมันอาจไม่ยอมเปิดลิงก์หน้าเว็บขึ้นมา ซึ่งต้องอัพโหลดไฟล์นั้นขึ้นไปบนเว็บไซต์ก่อนจึงจะทำงานได้
นอกจากนี้หากไม่ต้องการให้เคอเซอร์เมาส์เปลี่ยนเป็นรูปมือเวลาอยู่เหนือ Movie Clip ก็ให้ลบโค้ด 6 บรรทัดสุดท้ายทิ้งไป ซึ่งก็คือ
myMc.addEventListener(MouseEvent.ROLL_OVER,myMcOver);
function myMcOver (e:MouseEvent):void {
myMc.buttonMode = true;
myMc.useHandCursor = true;
}
Credit: http://www.actionscript.org/forums/showthread.php3?t=191349
Credit: http://codingrecipes.com/cursor-hand-when-mouse-over-images-actionscript-3-flash
ป้ายกำกับ:
Flash
Post Status
เขียนโดย
Max
เขียนเมื่อ
วันจันทร์, กันยายน 06, 2553
Related Posts:
สมัครสมาชิก:
ส่งความคิดเห็น (Atom)
0 ความคิดเห็น:
แสดงความคิดเห็น
หมายเหตุ: มีเพียงสมาชิกของบล็อกนี้เท่านั้นที่สามารถแสดงความคิดเห็น