โทรนิมิทร์ SMIL

Transition สามารถสร้างภาพรวมเช่น fade และ wipe สำหรับองค์ประกอบ

Transition อยู่ใน SMIL 2.0

Transition คือคุณสมบัติใหม่ใน SMIL 2.0 ไม่ได้เป็นส่วนประกอบของมาตรฐาน SMIL 1.0

Internet Explorer 6 สนับสนุน Transition ซึ่งสร้างบน SMIL 2.0 มาตรฐาน。Transition ถูกปฏิบัติด้วยอีเลเมนต์ <transitionfilter>。

คุณสมบัติ

<transitionfilter> มีอีเลเมนต์หลายอย่าง ในจำนวนที่ใช้งานมากที่สุดมี:

คุณสมบัติ คำอธิบาย ตัวอย่าง
type กำหนดชนิด filter transition (ดูรายการ filter transition) type="clockWipe"
begin กำหนดเวลาเริ่มต้น transition begin="0s"
mode กำหนดโหมด transition mode="in"
from กำหนดค่าเริ่มต้นของ transition from="0.2"
to กำหนดค่าสิ้นสุดของ transition to="0.8"

Transition filter

สามารถใช้ transition filter ด้านล่างนี้

fade, barnDoorWipe, barWipe, clockWipe, ellipseWipe, fanWipe, irisWipe 
pushWipe, slideWipe, snakeWipe, spiralWipe, starWipe

ตัวอย่าง: แสดง Transition

<html xmlns:t="urn:schemas-microsoft-com:time">
<head>
<?import namespace="t" implementation="#default#time2">
<style>.t {behavior: url(#default#time2)}</style>
</head>
<body>
<t:transitionfilter targetelement="keyb"
type="clockWipe"
begin="keyb.begin" dur="2s" />
<img id="keyb" class="t" src="pic_keyb.jpg" dur="4s"
width="128" height="107" />
</body>
</html>

ในตัวอย่างที่อยู่เหนือนี้ รูปภาพจะแสดงเป็นเวลา 4 วินาที ตัวกรอง Transition จะใช้เวลา 2 วินาที แสดงรูปภาพด้วยวิธี "clockWipe"

คำแนะนำ：คุณจำเป็นต้องปฏิบัติการ Internet Explorer 6 เพื่อแสดงตัวอย่างนี้

TIY