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

Post Status




0 ความคิดเห็น:

แสดงความคิดเห็น

หมายเหตุ: มีเพียงสมาชิกของบล็อกนี้เท่านั้นที่สามารถแสดงความคิดเห็น