تغییرات SMIL

Transition می‌تواند تأثیرات

Transition به SMIL 2.0 تعلق دارد

Transition یک ویژگی جدید در SMIL 2.0 است. Transition جزئی از استاندارد SMIL 1.0 نیست.

Internet Explorer 6 از Transition بر اساس استاندارد SMIL 2.0 پشتیبانی می‌کند. Transition توسط عنصر <transitionfilter> اجرا می‌شود.

ویژگی‌ها

<element transitionfilter> دارای چندین عنصر است، که رایج‌ترین آنها عبارتند از:

ویژگی‌ها توضیح مثال
type نوع فیلترهای انتقال را تعریف کنید (برای اطلاعات بیشتر به لیست فیلترهای انتقال مراجعه کنید) type="clockWipe"
begin زمان شروع انتقال را تعریف کنید begin="0s"
mode شیوه انتقال را تعریف کنید mode="in"
from مقدار شروع انتقال را تعریف کنید from="0.2"
to مقدار پایان انتقال را تعریف کنید to="0.8"

فیلترهای انتقال

شما می‌توانید از فیلترهای انتقال زیر استفاده کنید:

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