Flash in image inbouwen

[frans kooijman]

Hi,
Ik wil graag een flash (draaiend wereldbolletje, bestandsnaam: globe.swf) in een image met de naam"test.jpg inbouwen. Onderstaand in HTML heb ik eerst de flash en daaronder de image.
Weet iemand hoe ik dit in HTML in elkaar bouw, dus dat de flash IN de image geplaatst wordt in plaats van eronder.

Dank!!

<div style="float:left" id="FlashWaitlayer">
<script language="javascript">var animWait = new SWFObject("flash/globe.swf", "bottom", "90", "90", "8", "#ffffff");
animWait.write("FlashWaitlayer");
</script>
</div>
</span><p>
<p class="text"><span class="header"><img src="image/test.jpg" width="277" height="157" a href="index.htm", class="headerdark"><br />website.nl</a></span>

 

[ErikBooy007]

Een flash animatie in een afbeelding plaatsen kan niet (eventueel animated GIF, maar dat terzijde).

Ik neem aan dat je de animatie erbovenop wilt plaatsen. Dan kun je het bijvoorbeeld absoluut positioneren.

Dan gebruik je dus:

<div style="position: absolute; top: 50px; left: 50px"><img src="images/test.jpg" alt="test" /></div>
<div style="position: absolute; top: 50px; left: 50px">
  <script language="javascript">
    var animWait = new SWFObject("flash/globe.swf", "bottom", "90", "90", "8", "#ffffff");
    animWait.write("FlashWaitlayer");
  </script>
 </div>

 

[csshunter]

... of zoals hier (met twee eerlijk gevonden plaatjes ), een div-je met het jpg-plaatje als achtergrond-img, en de swf als voorgrond-img.
Div'je kan als geheel makkelijk gepositioneerd worden, zonder dat je hoeft te rommelen met {position: absolute;} (wat in een aantal gevallen erg lastig kan zijn).

Succes!
CSShunter

(liet ik de link toch eerst mooi naar m'n harde schijf gaan. )

 

[ErikBooy007]

Ah, natuurlijk. Je hebt ook nog een background

That leaves me wondering... Waarom krijg ik het niet voor elkaar om de achtergrond op het embed element toe te passen? Of eigenlijk lukt dat wel, maar kan ik geen padding toevoegen om het element de juiste grootte te geven. Want dat zou ideaal zijn, dan had je zelfs helemaal geen div meer nodig...

 

[That Guy]

Of eigenlijk lukt dat wel, maar kan ik geen padding toevoegen om het element de juiste grootte te geven.

Ik denk omdat het 'embed' element geen content erin toestaat; alles wat tussen deze tags staat wordt naar buiten gegooid. (raar he?)

Het enige wat je kan krijgen is dat het 'in het midden komt'. Beetje 'doh', maargoed, mischien heeft iemand er wat aan: klik - zie bron.

 

[ErikBooy007]

Hmm, dat zal het inderdaad zijn. Ook jammer dat je wel één van de dimensies kunt wijzigen, maar zo gauw je ze beide wijzigt wordt ie ook echt groter...

Never mind, dat sloeg echt nergens op...

 

[csshunter]

Ik denk dat het "uitsmijterswerk" van <embed> er door komt dat het <embed> element eigenlijk een vogelvrij element is: geen erkende html-richtlijnen van w3c voor, en (dus) ook geen css-richtlijnen voor.
Wat voor plugin iemand in een embed stopt, met welke parameters, en hoe dat precies werkt, wordt aan de vrije fantasie van de maker overgelaten (vandaar ook moeilijk in universele regelen te vatten).

Bij de ene plugin kan bv. de transparency ge-parameterd worden (bv. bij een swf), maar bij de andere weer niet (bv. bij een pdf). Bij een pdf zijn er daarentegen weer vrij veel parameters om formaat en positie van de pdf binnen het <embed>-venster precies aan te geven (en bij een swf geloof ik niet).

Zoiets had ik begrepen.
CSShunter