एसएमआईएल ट्रांसीशन
- पिछला पृष्ठ एसएमआईएल पैरालेल
- अगला पृष्ठ एसएमआईएल मीडिया
ट्रांसीशन, एलीमेंट को 'फ़ेड इन' और 'वाइप' जैसे प्रभाव उत्पन्न कर सकता है
ट्रांसीशन, 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 चलाना होगा。
- पिछला पृष्ठ एसएमआईएल पैरालेल
- अगला पृष्ठ एसएमआईएल मीडिया