▲
Slickboard
Einbindung

Einbindung einer SlickBoard-Animation in die HTML-Datei

Zur Ausführung notwendige Dateien

Das Download-Archiv slickboard.zip enthält neben einem kleinen Beispiel die Dateien.

  • slickboard.swf
  • AC_RunActiveContent.js

Die eigentlichen Inhalte der Slickboard-Animation werden in einer XML-Datei festgelegt.

Einbindung

Wie man im Quellcode der ebenfalls im Download-Archiv enthaltenen Datei sample.html erkennen kann, erfolgt die Einbindung einer SlickBoard-Animation in zwei Schritten:

Vor </head>

<script language="javascript">AC_FL_RunContent = 0;</script>
<script language="javascript"> DetectFlashVer = 0; </script>
<script src="AC_RunActiveContent.js" language="javascript"></script>
<script language="JavaScript" type="text/javascript">
<!--
var requiredMajorVersion = 9;
var requiredMinorVersion = 0;
var requiredRevision = 45;
-->
</script>
</head>

Hier sind keine individuellen Anpassungen vorgesehen.

Nach <body>

<script language="JavaScript" type="text/javascript">
<!--
if (AC_FL_RunContent == 0 || DetectFlashVer == 0){
alert("This page requires AC_RunActiveContent.js.");
} else {
var hasRightVersion = DetectFlashVer(requiredMajorVersion, requiredMinorVersion, requiredRevision);
if(hasRightVersion) { 
AC_FL_RunContent(
'codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,45,0',
'width', '600',
'height', '450'
'scale', 'noscale',
'salign', 'TL',
'bgcolor', '#666666',
'wmode', 'opaque',
'movie', 'slickboard',
'src', 'slickboard',
'FlashVars', 'xml_source=index.xml', 
'id', 'my_board',
'name', 'my_board',
'menu', 'true',
'allowFullScreen', 'true',
'allowScriptAccess','sameDomain',
'quality', 'high',
'align', 'middle',
'pluginspage', 'http://www.macromedia.com/go/getflashplayer',
'play', 'true',
'devicefont', 'false'
); 
} else { 
var alternateContent = 'This content requires the Adobe Flash Player. '
+ '<u><a href=http://www.macromedia.com/go/getflash/>Get Flash</a></u>.';
document.write(alternateContent); 
}
}
// -->
</script>

Wichtig sind hier die rot markierten Parameter mit denen Breite und Höhe der Animation festgelegt werden sowie der Name der XML-Datei mit den eigentlichen Inhalten der Animation.