Ik gebruik op een gewone HTML website een Fancybox script om foto's te vergroten, maar mijn flash header valt over de lightbox heen. Nu had ik natuurlijk al wat gegoogled en zo kwam ik deze oplossing tegen, maar ik heb geen <embed> in mijn code. De code om de flash header in te voegen is:

Code:

<div id="header">
<object type="application/x-shockwave-flash" data="foto/banner.swf" width="925" height="200">
<param name="movie" value="foto/banner.swf"/>
</object>
</div>

Wie weet de oplossing voor dit probleem?

Wellicht dat je met z-index dit kan oplossen?

Bedankt voor je reactie maar dat had ik ook al geprobeerd, werkt helaas niet.

En opgelost met dank aan S. van Laere! Het toevoegen van

Code:

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

bleek de oplossing te zijn, dus de totale code moest zijn:

Code:

<object type="application/x-shockwave-flash" data="bruiloft_bestanden/banner.swf" height="200" width="925">
<param name="movie" value="foto/banner.swf">
<param name="wmode" value="transparent">
</object>

Even dit topic kicken. De lightbox werkt prima maar nu zag ik zojuist dat er een ander probleem is ontstaan.

Ik heb ook een achtergrondafbeelding toegevoegd aan de div waar het flash bestand in staat, voor de ipad en iphone gebruikers (ca 10% van alle bezoekers).

Het flash bestand is een soort slideshow met fade in - fade out effect, maar omdat de wmode nu op transparant staat laat hij tijdens de fade de achtergrondafbeelding doorschemeren. Kan ik daar ook nog wat aan doen?

1. Het flash bestand een witte achtergrondkleur geven (dus niet transparant)?
2. Geen flash gebruiken maar je slideshow in css/javascript maken (werkt dan ook op iPhone/pad)
3. Detecteren of flash object geladen wordt, zoja: achtergrond afbeelding onzichtbaarmaken.

Hoi Wilbert,

Bedankt voor je reactie. Die laatste oplossing lijkt me interessant, hoe doe ik dat?

Het flashbestand een witte achtergrondkleur geven zal het probleem waarschijnlijk niet oplossen want dan komen we weer terug bij het oorspronkelijke probleem, namelijk dat de flash header over de fancybox afbeelding blijft staan.

Ik zou ook niet weten hoe ik een css / javascript slideshow maak. Het gaat om een gewone HTML site, als het een wordpress site was had ik er wel een slideshow plugin in gegooid ;-)

Optie 2 is anders als het oorspronkelijke probleem.
Je geeft niet de flash-movie een achtergrond kleur, maar je maakt een vierkante sprite met een kleur en gebruikt dat als achtergrond.

Voor optie 3 zijn meerdere mogelijkheden.
1. Je kan vanuit flash javascript aanroepen. In je flashbestand maak je een onload event aan met daarin:
Javascript("imloaded()"); (Poos geleden dus je zult het even uit moeten zoeken hoe dat precies zit.)
Deze roept dan in je site de javascript functie "imloaded()" aan, die vervolgens de achtergrond afbeelding verwijderd.

2. Misschien gebruik je een stukje javascript om je flash te laden (swfobject bijvoorbeeld). Deze hebben vaak een "callback" functie.
Deze functie wordt aangeroepen als de code is uitgevoerd.

3. Detecteren of de gebruiker flash heeft geinstalleerd. (Misschien wel de beste optie).
zie: http://techblog.edwardting.com/2011/...ct-and-jquery/

Succes!

Even een update van dit topic (zodat het antwoord volledig is voor mensen met hetzelfde probleem).

Wilbert had gelijk, het flash bestand een witte achtergrond geven was de oplossing. Ik had je destijds niet goed begrepen denk ik, ik heb uiteindelijk een laag toegevoegd in het FLA bestand waarop ik een witte balk heb "getekend" met dezelfde afmetingen als de overige banners.

Deze heb ik op de onderste laag gezet zodat hij achter de overige banners wegvalt, maar hij valt dus wel over de achtergrond die ik in de stylesheet heb ingesteld waardoor die onzichtbaar is op apparaten die wel flash hebben. Op mijn Andriod telefoon laat hij de achtergrond wel zien (en een blokje ivm het niet werkende flash bestand, maar dat vind ik niet zo storend).