एसएमआईएल ट्रांसीशन

ट्रांसीशन, एलीमेंट को 'फ़ेड इन' और 'वाइप' जैसे प्रभाव उत्पन्न कर सकता है

ट्रांसीशन, SMIL 2.0 में है

ट्रांसीशन, SMIL 2.0 में नयी विशेषता है. ट्रांसीशन, SMIL 1.0 नियमावल के घटकों में नहीं है.

इंटरनेट एक्सप्लोरर 6, SMIL 2.0 नियमावल के आधार पर के ट्रांसीशन समर्थित है. ट्रांसीशन, <transitionfilter> एलीमेंट द्वारा कार्यान्वित होता है.

गुण

<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 

उदाहरण: ट्रांसीशन दिखाना

<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 सेकंड के लिए दिखाई देगी।ट्रांसीशन फिल्टर 2 सेकंड में 'clockWipe' के तरीके से छवि को दिखाएगा。

सूचना:आपको इस उदाहरण को दिखाने के लिए इंटरनेट एक्सप्लोरर 6 चलाना होगा。

टीआईवी