¸ðü ¿¤·¹¸àÆ®ÀÇ ½Ã°£ÀÌ Á¾·áµÇ±â Àü¿¡ °³Ã¼ÀÇ ½Ã°£ÀÌ Á¾·áµÇ¸é ¿¤·¹¸àÆ®°¡ ÃëÇÒ È°µ¿À» ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.

Àμö
: (¼Ó¼º ¹®ÀÚ¿­)

¼Ó¼º°ªÀº ½Ã°£ÀÌ Á¾·áµÇ¸é ÃëÇØÁú Á¶Ä¡¸¦ ³ªÅ˳»´Â ´ÙÀ½ Áß ÇϳªÀÇ ¹®ÀÚ¿­ÀÌ´Ù.

freeze ¿¤·¹¸àÆ®´Â ½Ã°£ÀÌ ¿Ï·áµÇ¸é ¸¶Áö¸· »óÅ·ΠÀ¯ÁöµÇ¾î º¸ÀδÙ. ½ÇÁ¦ÀûÀÎ ¿¤·¹¸àÆ®ÀÇ Á¾·á½Ã°£Àº ¸ðü ½Ã°£¿ë±â Çü½Ä¿¡µû¶ó ´Ù¸£´Ù. t:PAR ½Ã°£¿ë±â¿¡¼­´Â, t:PAR ¿¤·¹¸àÆ®°¡ Á¾·áµÉ ¶§ Á¾·áµÈ´Ù. t:SEQÀ̳ª t:EXCL ½Ã°£¿ë±â¿¡¼­´Â, ´ÙÀ½ ¿¤·¹¸àÆ®°¡ ½ÃÀ۵Ǹé Á¾·áµÈ´Ù.
hold ¿¤·¹¸àÆ®´Â ½Ã°£ÀÌ ¿Ï·áµÇ¸é ¸ðü ½Ã°£¿ë±â°¡ ¿Ï·áµÉ ¶§±îÁö ¸ðü ½Ã°£¿ë±âÀÇ Çü½Ä¿¡ °ü°è¾øÀÌ µð½ºÇ÷¹ÀÌ°¡ ¸¶Áö¸· »óÅ·ΠÀ¯ÁöµÇ¾î º¸ÀδÙ.
remove ¿¤·¹¸àÆ®´Â ½Ã°£ÀÌ ¿Ï·áµÇ¸é µð½ºÇ÷¹ÀÌ°¡ Á¦°ÅµÇ¾î º¸ÀÌÁö ¾Ê´Â´Ù.
transition

IE6¿¡¼­ºÎÅÍ fill¿¡ transition »ç¿ëÀÌ °¡´ÉÇÏ´Ù.

¿¤·¹¸àÆ®´Â ½Ã°£ÀÌ ¿Ï·áµÇ¸é ¸¶Áö¸· »óÅ·ΠÀ¯ÁöµÇ¾î º¸ÀδÙ. ½ÇÁ¦ÀûÀÎ ¿¤·¹¸àÆ®ÀÇ Á¾·á½Ã°£Àº ´ÙÀ½ ¼ø¼­ÀÇ º¯È¯ÀÇ °ãħ(overlapping)¿¡µû¶ó ´Ù¸£´Ù. °ãħ ¿¤·¹¸àÆ®ÀÇ Á¾·áµÇ¸é ¿¤·¹¸àÆ®µµ Á¾·áµÈ´Ù.
À¯È¿ÇÑ transitionÀ» °®´Â ¿¤·¹¸àÆ®¿¡¼­ ´ÙÀ½ Á¶°ÇÀ» ¸¸Á·½ÃÅ°¸é ÀÛ¿ëÇÑ´Ù.
  • t:SEQ³ª t:PAR ¿¤·¹¸àÆ® ¼Ó¿¡ ÀÖ¾î¾ß ÇÑ´Ù.
  • t:TRANSITIONFILTER´Â º¯È¯µÇ´Â ¿¤·¹¸àÆ®ÀÇ ÀÚ½ÄÀ̾î¾ß ÇÑ´Ù.
  • t:TRANSITIONFILTERÀÇ ¸ðü ¿¤·¹¸àÆ®´Â parÀÇ timeContainer ¾ÖÆ®¸®ºäÆ®°ªÀ» °¡Á®¾ßÇÑ´Ù.
  • t:autoReverse´Â t:TRANSITIONFILTER ¿¤·¹¸àÆ®¿¡ »ç¿ëµÇÁö ¾Ê¾Æ¾ß ÇÑ´Ù.
  • ¿¤·¹¸àÆ®´Â ¹èÄ¡»ó ÁßøµÇ¾î¾ß ÇÑ´Ù. ÇöÀç·Î¼­´Â ¿¤·¹¸àÆ®°¡ ÁßøµÇÁö ¾Ê¾Æµµ transitionÀÌ ÀÛ¿ëÇÏÁö¸¸, ÀÌÈÄ Explorer¿¡¼­´Â Áö¿øµÇÁö ¾ÊÀ» °ÍÀÌ´Ù.

ÀÌ ¼Ó¼ºÀº Àбâ/¾²±âÀÌ¸ç µðÆúÆ®°ªÀº ¾ø´Ù.

Ư±â

¿¤·¹¸àÆ®°¡ t:SEQµî ½Ã°£¿ë±âÀ̸é, µðÆúÆ®°ªÀº removeÀÌ´Ù.

¿¤·¹¸àÆ®°¡ ½Ã°£¿ë±â°¡ ¾Æ´Ï°í dur, end, repeatDur³ª repeatCount ¼Ó¼ºÀÌ ¼³Á¤µÇ¾î ÀÖÀ¸¸é, µðÆúÆ®°ªÀº removeÀÌ´Ù.

¿¤·¹¸àÆ®°¡ ½Ã°£¿ë±â°¡ ¾Æ´Ï°í À§ ³×°³ Áß ¾î´À ¾ÖÆ®¸®ºäÆ®µµ ¼³Á¤µÇ¾î ÀÖÁö ¾ÊÀ¸¸é, µðÆúÆ®°ªÀº freezeÀÌ´Ù.

ÀÌ ¼Ó¼ºÀº endHold ¼Ó¼ºÀ» °»½ÅÇÑ´Ù.

Àû¿ë
°³Ã¼scriptHTML±Ô°ÝIE
ÂüÁ¶
HTML+time

ÀÌ ¼Ó¼ºÀº (¿µ¹®)SMIL 2.0(Synchronized Multimedia Integration Language)¿¡¼­ Á¤ÀǵǾú´Ù.


fill Property
°³Ã¼ÀÇ Áö¼Ó½Ã°£ 10ÃÊ, ±×·¯³ª ½Ã°£¿ë±âÀÇ Áö¼Ó½Ã°£Àº 15ÃÊÀÌ´Ù.
ÀÌ ÅؽºÆ®´Â ¸ðü°¡ Á¾·áµÉ ¶§±îÁö µð½ºÇ÷¹À̵ȴÙ.

<HTML xmlns:t="urn:schemas-microsoft-com:time">
<HEAD>
<TITLE>fill Property</TITLE>
<IMPORT namespace="t" implementation="#default#time2">
<STYLE> .time{ behavior: url(#default#time2);}</STYLE>
</HEAD>
<BODY>
<T:EXCL id="exclObj" begin="0" dur="15">
<DIV id="divObj" class="time" begin="0" dur="10" fill="freeze" style="border:solid 1 blue;padding:5">
°³Ã¼ÀÇ Áö¼Ó½Ã°£ 10ÃÊ, ±×·¯³ª ½Ã°£¿ë±âÀÇ Áö¼Ó½Ã°£Àº 15ÃÊÀÌ´Ù.<BR>
ÀÌ ÅؽºÆ®´Â ¸ðü°¡ Á¾·áµÉ ¶§±îÁö µð½ºÇ÷¹À̵ȴÙ.</DIV>
</T:excl>
<BUTTON onclick="exclObj.beginElement()">´Ù½Ã ½ÃÀÛ</BUTTON><BR>
<SCRIPT>
document.write('exclObj.dur='+exclObj.dur+'<BR>');
document.write('exclObj.fill='+exclObj.fill+'<BR>');
document.write('divObj.dur='+divObj.dur+'<BR>');
</SCRIPT>
</BODY>
</HTML>

m1°ú m2ÀÇ fill ¼Ó¼ºµéÀÌ transitionÀ̹ǷΠºñÃÄ º¸ÀÌ°í, m2 ¼Ó¼ºÀº removeÀ̹ǷΠÁ¦°ÅµÇ¾î ´Ù½Ã½ÃÀÛÇÒ ‹š º¸ÀÌÁö ¾Ê´Â´Ù.

<HTML xmlns:t="urn:schemas-microsoft-com:time">
<HEAD>
<STYLE> .time {behavior: url(#default#time2);}</STYLE>
<IMPORT namespace=t urn="urn:schemas-microsoft-com:time" implementation="#default#time2" />
</HEAD>
<BODY>
<T:SEQ REPEATCOUNT="indefinite">
<T:MEDIA id="m1" style="position:absolute;left:120;width:300" src = "../../gif/flower1.jpg" dur="3" timeContainer="par" fill="transition" >
<T:TRANSITIONFILTER type="fade" dur="3" onbegin="showA.innerText='m1.fill='+m1.fill"/></T:MEDIA>

<T:MEDIA id="m2" style="position:absolute;left:120;width:350" src = "../../gif/flower1.jpg" dur="3" timeContainer="par" fill="transition"  >
<T:TRANSITIONFILTER type="ClockWipe" dur="3" onbegin="showA.innerText='m2.fill='+m2.fill"/></T:MEDIA>

<T:MEDIA id="m3" style="position:absolute;left:120;width:400" src = "../../gif/flower1.jpg" dur="3" timeContainer="par">
<T:TRANSITIONFILTER type="barnDoorWipe" dur="3" onbegin="showA.innerText='m3.fill='+m3.fill"/></T:MEDIA>
</T:SEQ>
<DIV id=showA style=position:relative;top:300></DIV>
</BODY>
</HTML>