flash in div transparant - Softwareontwikkeling

maandag 16 juni 2008 19:02

Acties:

Verwijderd

Topicstarter

Beste mensen,

Ik ben bezig met een website waarin ik een linkerframe heb waarin een plaatje word gestretched over het hele frame. Dit heb ik zo gedaan om altijd een goede, complete opvulling van het plaatje als achtergrond te hebben. (en het bespaart ook downloadruimte)

Nu komt het probleem: ik wil een flash swf file over dit plaatje heen zetten maar deze moet een transparante achtergrond hebben. Alleen als ik de Flash 8 publish code voor transparante achtergrond samenvoeg met de code om het plaatje gestretched te hebben zie ik de swf helemaal niet meer! Hij word dus helemaal onzichtbaar! Weet iemand hier een oplossing voor? Hieronder de code die ik nu heb ZONDER dat ik de swf transparant laat zien.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title><style type="text/css">
<style type="text/css">
html, body {
height: 100%;
margin: 0;
padding: 0;
}
img#bg {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
}
#content {
position:relative;
z-index:1;
}
</style>

</head>

<body>
<p><img src="img/bgl.jpg" alt="background image" width="364" height="77" id="bg" />
</p>
<div id="content">
<p> </p>
<p> </p>
<p>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="170" height="400">
<param name="movie" value="diversen/Button1.swf" />
<param name="quality" value="high" />
<embed src="diversen/Button1.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="170" height="400"></embed>
</object>
</p>
</div>
</body>
</html>

maandag 16 juni 2008 19:09

Acties:

RobIII

Admin Devschuur®

^ Romeinse Ⅲ ja!

Als je code post, gebruik dan code tags a.u.b.
Als je zegt "een plaatje stretched"... bedoel je dan een <img>? << Ja dus; moest even goed kijken in je code

Waarom zet je geen background-image op je body of andere container? Die kun je net zo goed 'stretchen' * en daar kun je prima een flash overheen gooien. Daarbij scheelt het een heleboel ranzige hacks en gedoe met positionering en andere zaken. In jouw geval 75% van je code

Een flash maak je overigens transparant met wmode="transparent".

offtopic:
En waarom weer "XHTML"? Ik zie dat zoooo vaak... is dat 'hip' ofzo?

* Stretchen in CSS < 3 is AFAIK niet mogelijk, maar met wat creatief photoshoppen moet je toch iets kunnen maken dat makkelijk te repeaten is en/of er stretched uit ziet? In CSS 3 kun je background-size: 100%; gebruiken. Sowieso wil je het echte "stretchen" van afbeeldingen niet hebben, dat levert zelden mooie plaatjes op, tenzij ze (crux) goed repeatable zijn; wat het stretchen weer overbodig maakt.

[ Voor 117% gewijzigd door RobIII op 16-06-2008 19:26 ]

There are only two hard problems in distributed systems: 2. Exactly-once delivery 1. Guaranteed order of messages 2. Exactly-once delivery.

Je eigen tweaker.me redirect

Over mij

maandag 16 juni 2008 19:58

Acties:

Verwijderd

Topicstarter

Bedankt voor je antwoord. Omdat ik er niet uitkwam hoe ik een gewoon background image kan stretchen zonder randen. (wel naar gezocht uiteraard!) Stretchen, dus niet repeaten! Het plaatje is een kleuroverloop van rood naar geel. Het rechterframe word dan helemaal geel. Het linkerframe moet echter niet te weinig en niet te veel rood worden maar iedere resolutie in verhouding hetzelfde weergeven.

wmode="transparent" had ik al gebruikt maar daarmee krijg ik dus het resultaat dat de hele swf verdwijnt. De jpg is trouwens verticaal repeatable. Maar doordat het horizontaal gestretched moet zijn automatisch naar de grootte van het frame kan ik hem net zo goed stretchen omdat dat in dit geval hetzelfde resultaat heeft.

Of is dit (eventueel via een omweg) niet mogelijk?

[ Voor 26% gewijzigd door Verwijderd op 16-06-2008 23:47 . Reden: toevoeging ]