Also Geld musst du dafür keines ausgeben, hab dir ja schon im anderen Thread den Link zum freien Script gegeben.
http://blog.deconcept.com/swfobject/
Musst also nur downloaden
Das Einbinden geht auch ganz einfach
in den head-Bereich der Link zur "js" (Pfad anpassen)
<script type="text/javascript" src="swfobject.js"></script>
vor dem schließenden </body> (dürfte also die footer.php sein), kommt der flashcontent
Beispiel:
<div id="flashcontent"><embed type="application/x-shockwave-flash" src="flash_background.swf" style="" id="fullScreen" name="fullScreen" bgcolor="#000000" quality="high" scale="noscale" salign="lt" allowfullscreen="true" wmode="transparent" height="100%" width="100%">
auch hier den Pfad und Name der .swf anpassen
in der style.css dies einfügen
#flashcontent {
height: 100%;
}
zusätzlich dem html-Content in der style.css dies
hinzufügen
das wars auch schon
hab das an einem kleinen Beispiel getestet
klick mich
der Code des Beispiels sieht so aus
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Art of Pic-Flashbackground</title>
<link href="style.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="swfobject.js"></script>
</head>
<body>
<div id="htmlccontent">
<p class="text"><img src="artofpicani.gif" /> Beispieltext</p>
</div>
<div id="flashcontent"><embed type="application/x-shockwave-flash" src="flash_background.swf" style="" id="fullScreen" name="fullScreen" bgcolor="#000000" quality="high" scale="noscale" salign="lt" allowfullscreen="true" wmode="transparent" height="100%" width="100%">
</div>
</body>
</html>
Alles anzeigen
und die css
body {
height: 100%;
margin: 0;
padding: 0;
background-color: #000000;
}
#htmlccontent {
position: absolute;
left: 150px;
}
.text {
font-size: 18px;
color: #FFFFFF;
}
#flashcontent {
height: 100%;
}
Alles anzeigen