Plaatje achter flashplayer (css/html)

[Cyberamp]

Ik ben zelf geen programmeur, maar ik modificeer momenteel een wordpress site. Toevallig zit ik dan met een voor mij met google onoplosbaar probleempje, namelijk dat ik een plaatje niet 'achter' (dus als background) van een embedded flash radio player krijg. Wat er met onderstaande code zoals je raad gebeurd, het plaatje wordt boven getoond en dan vervolgens eronder de flashplayer. De twee kan ik met geen code 'fuseren' als het ware. Iemand enig idee zonder al te veel lastige taal?

De code ziet er als volgt uit (geknipt natuurlijk)

code:

<center>
<img src="plaatje.jpg" alt="">

<style>//---------------- BEGIN PLAYER -----------------------</style><div class="...etcetcetc..." </object></div><style>//---------------- END  PLAYER -------------------------</style>
</center>

Relevante script binnen de flashcode:

code:

<object type="application/x-shockwave-flash" data="https://....player.swf" height="264" width="442" style="display:block;" align="center"><param name="movie" value="https://.....player.swf" /><param name="allownetworking" value="internal" /><param name="allowScriptAccess" value="never" /><param name="enableJSURL" value="false" /><param name="enableHREF" value="false" /><param name="saveEmbedTags" value="true" /><param name="flashvars"

[RobIII]

Zo moeilijk is dat toch niet

Voila

Verder wil je geen Img gebruiken maar een background op de container div.

[ Voor 51% gewijzigd door RobIII op 28-12-2010 22:51 ]

[Cyberamp]

Ja dankje, ik zal er naar kijken maar voor de duidelijkheid: Ik bedoel dus geen transparante background. Ik wil dus gewoon een solide background plaatje achter dit object. Ik dacht namelijk ook dat het simpel zou moeten zijn, maar ik ben er nu twee uur mee bezig en zoals je merkt geen succes

NB: de flash script heb ik niet zelf gegenereerd maar via zo'n webapplet....

[ Voor 11% gewijzigd door Cyberamp op 28-12-2010 22:56 ]

[RobIII]

CyberAmp schreef op dinsdag 28 december 2010 @ 22:53:
Ik bedoel dus geen transparante background. Ik wil dus gewoon een solide background plaatje achter dit object.

Als je "door" het flash object een achtergrond wil zien dan moet je wel degelijk een transparante background op het flash object zetten.

[RaZ]

Dan moet je geen transparant plaatje gebruiken. Of je hem nu in een img zet, of via css als background, dat maakt niet uit.

Edit:
@Rob: Waarom makkelijk doen als het moeilijk kan, en je er direct wat van leert ?

[ Voor 27% gewijzigd door RaZ op 28-12-2010 23:07 ]

[RobIII]

RaZ schreef op dinsdag 28 december 2010 @ 22:55:
Of je hem nu in een img zet, of via css als background, dat maakt niet uit.

Als je een img gebruikt moet je daarna "moeilijk" je flash object over de img gaan plaatsen; daar heb je geen last van met een background image op de containter

[Cyberamp]

RobIII schreef op dinsdag 28 december 2010 @ 22:55:
[...]

Als je "door" het flash object een achtergrond wil zien dan moet je wel degelijk een transparante background op het flash object zetten.

Dus als ik het goed begrijp, ik hoef geen swf bestand aan te passen? (die word extern gehost namelijk)

[RobIII]

CyberAmp schreef op dinsdag 28 december 2010 @ 22:58:
[...]


Dus als ik het goed begrijp, ik hoef geen swf bestand aan te passen? (die word extern gehost namelijk)

Lees nou gewoon de link die ik gaf... Nee, je hoeft de SWF niet aan te passen; je moet de WMODE parameter in je HTML opnemen.

[mcDavid]

CyberAmp schreef op dinsdag 28 december 2010 @ 22:53:
Ja dankje, ik zal er naar kijken maar voor de duidelijkheid: Ik bedoel dus geen transparante background. Ik wil dus gewoon een solide background plaatje achter dit object. Ik dacht namelijk ook dat het simpel zou moeten zijn, maar ik ben er nu twee uur mee bezig en zoals je merkt geen succes

NB: de flash script heb ik niet zelf gegenereerd maar via zo'n webapplet....

Wij merken helemaal niet hoeveel succes jij hebt, wij weten alleen wat jij ons vertelt. Dus. Wát lukt er dan precies niet?

[Cyberamp]

RobIII schreef op dinsdag 28 december 2010 @ 22:59:
[...]

Lees nou gewoon de link die ik gaf... Nee, je hoeft de SWF niet aan te passen; je moet de WMODE parameter in je HTML opnemen.

Ik heb gelezen, maar begrepen durf ik niet te zeggen. Dus ik voeg die WMODE in html toe en wat moet doen met het plaatje dan? gewoon img src laten staan?

[Cyberamp]

mcDavid schreef op dinsdag 28 december 2010 @ 22:59:
[...]


Wij merken helemaal niet hoeveel succes jij hebt, wij weten alleen wat jij ons vertelt. Dus. Wát lukt er dan precies niet?

Zoals in de eerste post staat: ik weet niet hoe ik een eigen jpeg achter een extern gehoste swf (van een radio player) krijg geplaatst in html. De twee worden gewoon boven/onder elkaar geplaatst

[mcDavid]

CyberAmp schreef op dinsdag 28 december 2010 @ 23:00:
[...]


Ik heb gelezen, maar begrepen durf ik niet te zeggen. Dus ik voeg die WMODE in html toe en wat moet doen met het plaatje dan? gewoon img src laten staan?

Die WMODE maakt het mogelijk door het flash-object heen te kijken (het lijkt me dat je dat wilt, als je er een plaatje achter wilt). Het plaatje moet je gewoon, zoals al eerder iemand zei, als background instellen.

[disjfa]

CyberAmp schreef op dinsdag 28 december 2010 @ 23:00:
[...]
Ik heb gelezen, maar begrepen durf ik niet te zeggen. Dus ik voeg die WMODE in html toe en wat moet doen met het plaatje dan? gewoon img src laten staan?

RobIII schreef op dinsdag 28 december 2010 @ 22:49:
Verder wil je geen Img gebruiken maar een background op de container div.

Mijn braille lezer is vandaag stuk, maar de links die opgegeven zijn geven met hondebrokken aan wat je moet intikken, en wat rob hier toevoegt lost je laatste vraag op. Wat begrijp je niet? En als je het niet begrijpt, pas eerst wat aan en test en post dan code hier. Dat kunnen we gemakkelijker volgen dan een uitleg dat je het niet begrijpt.

[Cyberamp]

Ik heb <param name="wmode" value="transparent"> toegevoegd binnen <style></style> zonder succes, plaatje word getoond, vervolgens de webplayer (eronder):

code:

<center>
<img src="plaatje.jpg" alt="">

<style>//---------------- BEGIN PLAYER -----------------------</style><div class="...etcetcetc..." </object></div><style>//---------------- END  PLAYER -------------------------</style>
</center>

[mcDavid]

CyberAmp schreef op dinsdag 28 december 2010 @ 23:09:
Ik heb <param name="wmode" value="transparent"> toegevoegd binnen <style></style> zonder succes, plaatje word getoond, vervolgens de webplayer (eronder):

code:

<center>
<img src="plaatje.jpg" alt="">

<style>//---------------- BEGIN PLAYER -----------------------</style><div class="...etcetcetc..." </object></div><style>//---------------- END  PLAYER -------------------------</style>
</center>

In hemelsnaam waarom?
in een <style> object hoort alleen CSS.
En, is dat je hele code? Dan klopt er sowieso geen zak van. Of heb je gewoon heel scheef geknipt?

-edit-
Wat doen die <style> tags daar uberhaupt eigenlijk? Die horen daar uberhaupt niet.

[ Voor 6% gewijzigd door mcDavid op 28-12-2010 23:14 ]

[Cyberamp]

Met deze code word flash eerst getoont en volgens plaatje eronder.

<style>//---------------- BEGIN PLAYER -----------------------</style><div class="...etcetcetc..."

<param name="wmode" value="transparent" wmode="transparent">

</object></div><style>//---------------- END PLAYER -------------------------</style>

<img src="plaatje.jpg" alt="">

[RobIII]

CyberAmp schreef op dinsdag 28 december 2010 @ 23:09:
Ik heb <param name="wmode" value="transparent"> toegevoegd binnen <style></style> zonder succes, plaatje word getoond, vervolgens de webplayer (eronder):

Hoe kom je daar nou bij ? De WMode is een attribuut van je flash object. Ga je eerst maar eens verdiepen in de basics van webdevelopment en de replies die je hier hebt gekregen. We zitten hier niet om handjes vast te houden en de oplossing is je letterlijk aangedragen.

Een laatste keer: een background image op de container en WMODE op transparent en done. Heel die img kun je (en moet je) achterwege laten.

We verwachten in de devschuur wel een bepaald niveau van basiskennis en dat ontbreekt vrees ik nog een beetje. In dat geval ben je beter af met een tutorial HTML/CSS en dan nog eens een nieuwe poging wagen op je probleem

[ Voor 36% gewijzigd door RobIII op 28-12-2010 23:18 ]