SMIL σε HTML

Το Internet Explorer μπορεί να εκτελεί παρουσιάσεις SMIL σε αρχεία HTML.

Εκτέλεση παρουσιάσεων SMIL στο IE

Με την έκδοση 5.5 ή νεότερη του Internet Explorer, μπορείτε να εισάγετε στοιχεία SMIL σε αρχεία HTML.

Με αυτόν τον τρόπο, οποιαδήποτε παρουσίαση SMIL μπορεί να εκτελείται ως τυποποιημένο αρχείο HTML στο Διαδίκτυο.

Προσθήκη αναφοράς

Για να χρησιμοποιήσετε στοιχεία SMIL στο HTML, πρέπει να ορίσετε έναν όνομα χώρο "time" για το Internet Explorer, ώστε να αναγνωρίζει αυτά τα στοιχεία. Κάντε το εξής:

  • Προσθέστε την οριστική διατύπωση ονόματος χώρου στο ετικέτα <html>
  • Προσθέστε ένα στοιχείο <?import> για να εισάγετε το όνομα χώρο "time"

Για να προσθέσετε τις ιδιότητες SMIL σε τυποποιημένα στοιχεία HTML, πρέπει να ορίσετε την κλάση "time" για το Internet Explorer, ώστε να αναγνωρίζει αυτές τις ιδιότητες. Κάντε το εξής:

  • Προσθέστε ένα στοιχείο <style> που ορίζει την κλάση "time"
<html xmlns:time="urn:schemas-microsoft-com:time">
<head>
  <?import namespace="time" implementation="#default#time2">
  <style>.time {behavior: url(#default#time2)}</style>
</head>

Στο επόμενο κεφάλαιο, μπορείτε να δείτε μια πλήρη παράδειγμα εκτέλεσης.

Προσθήκη στοιχείων SMIL

Για να εκτελεστεί το SMIL παρουσίασμα στο HTML, προσθέστε έναν πρόθεμα και μια class στο στοιχείο SMIL:

<time:seq repeatCount="indefinite">
  <img class="time" src="image1.jpg" dur="3s" />
  <img class="time" src="image2.jpg" dur="3s" />
</time:seq>

Στο παραπάνω παράδειγμα, προσθέσαμε τη class="time" στο στοιχείο <img> και τον πρόθεμα "time" για τα στοιχεία SMIL.

Συμβουλή:Οι κλάσεις και τα ονόματα των χώρων δεν πρέπει να είναι απαραίτητα "time". Μπορούν να είναι οποιοδήποτε όνομα.

Μια παράδειγμα έκδοση του Internet Explorer

<html xmlns:time="urn:schemas-microsoft-com:time">
<head>
  <?import namespace="time" implementation="#default#time2">
  <style>.time {behavior: url(#default#time2)}</style>
</head>
<body>
  <time:seq repeatCount="indefinite">
    <img class="time" src="image1.jpg" dur="3s" />
    <img class="time" src="image2.jpg" dur="3s" />
  </time:seq>
</body>
</html>

Try It Yourself (TIY)