PDA

Volledige versie bekijken : swf file transparant over hele website


michielm
%Europe/Berlin %103 %2005, 03:28
Hai, ik ben al een tijd aan het uitzoeken hoe ik een flash bestand als popup d.m.v. de parameter (wmode="transparent) op m'n site te krijgen.
Het probleem is dat m'n website uit frames bestaat, en vraag me daarom af of het wel mogelijk is om een flash movie zonder background over de hele site te krijgen..

het zou met dhtml (ofzo) moeten met een z-index level ..

<html>
<head>
<title>Website 1</title>


</head>
<frameset cols="*,1018,*" frameborder="No" border="0" z-index:0 >
<frame src="Website_Nieuw/Side.html" scrolling="NO" noresize>
<frame src="Website_Nieuw/IndexB.htm" scrolling="NO" noresize>
<frame src="Website_Nieuw/Side.html" scrolling="NO" noresize>
</frameset><noframes></noframes>

<div z-index:1; ><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="100%" height="100%" id="mp3player" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="mp3player.swf" />
<param name="quality" value="high" />
<param name="Scale" value="ShowAll "/>
<param name="wmode" value="transparent" />
<param name="bgcolor" value="#eeeeee" />
<embed src="mp3player.swf" quality="high" wmode="transparent" width="100%" height="100%" name="mp3player" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object></div>


</html>


iemand een id?

Flashingback
%Europe/Berlin %107 %2005, 03:34
ik heb geen idee hoe je het kan oplossen maar ik zou het zoiezo niet gebruiken aangezien wmode aleen in internet explorer werkt

mknol
%Europe/Berlin %515 %2005, 13:22
Met frames gaat het volgens mij ook niet werken. Het is naar mijn weten niet mogelijk om over frames heen te werken. Wmode werkt alleen bij Internet Explorer. Popups worden trouwens ook niet door iedereen gewaardeerd, dus ik zou er goed over nadenken of je dat echt wilt..
Wat wil je precies maken? Misschien kunnen we een andere oplossing ervoor bedenken? Screenshotje?

michielm
%Europe/Berlin %569 %2005, 14:39
Deze streaming mp3 speler wil ik over de content van me website laden.

De player werkt met een xml playlist, in combinatie met een mysql db. de leden van m'n website kunnen via een cms zelf nummers en radio zenders toevoegen aan hun eigen playlist. dit script is bijna afgerond...

http://www.street-illusions.nl/Website_Nieuw/player.jpg

Ik denk dat er wel een manier moet zijn, omdat ik ook wel eens flash-reclame banners krijg, die ik ook zo over m'n site heen zie "floaten".

mech7
%Europe/Berlin %572 %2005, 14:45
wmode werkt niet alleen op IE maar ook op firefox en opera.. :p

je moet in je frameset een divje maken, en dan zet je die op absolute postitionering :) dan kan je hme plaatsen waar je wilt.

Met frames gaat het volgens mij ook niet werken. Het is naar mijn weten niet mogelijk om over frames heen te werken. Wmode werkt alleen bij Internet Explorer. Popups worden trouwens ook niet door iedereen gewaardeerd, dus ik zou er goed over nadenken of je dat echt wilt..
Wat wil je precies maken? Misschien kunnen we een andere oplossing ervoor bedenken? Screenshotje?

michielm
%Europe/Berlin %595 %2005, 15:17
wmode werkt niet alleen op IE maar ook op firefox en opera.. :p

je moet in je frameset een divje maken, en dan zet je die op absolute postitionering :) dan kan je hme plaatsen waar je wilt.

Ik heb dit op verschillende manieren geprobeerd, maar zonder succes..

<html>
<head>
<title>Website 1</title>


</head>

<div style="position:absolute">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="100%" height="100%" id="mp3player" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="mp3player.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<param name="bgcolor" value="#eeeeee" />
<embed src="mp3player.swf" quality="high" wmode="transparent" bgcolor="#eeeeee" width="100%" height="100%" name="mp3player" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>

</div>

<frameset cols="*,1018,*" frameborder="No" border="0" >
<frame src="Website_Nieuw/Side.html" scrolling="NO" noresize>
<frame src="Website_Nieuw/IndexB.htm" scrolling="NO" noresize>
<frame src="Website_Nieuw/Side.html" scrolling="NO" noresize>
</frameset><noframes></noframes>


</html>


ook als ik de div achter of in de frameset zet, werkt het niet :confused:

iemand anders nog een mogelijke oplossing?

elrosa
%Europe/Berlin %607 %2005, 15:35
Wat je wilt kan niet... je zult het moeten realiseren in IndexB.htm en inderdaad met een DIV gaan werken.

<style type="text/css">
<!--
#flash {
position: absolute;
left: 100px;
top: 100px;
}
//-->
</style>

<div id="flash">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="100%" height="100%" id="mp3player" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="mp3player.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<param name="bgcolor" value="#eeeeee" />
<embed src="mp3player.swf" quality="high" wmode="transparent" bgcolor="#eeeeee" width="100%" height="100%" name="mp3player" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
</div>

michielm
%Europe/Berlin %615 %2005, 15:45
ok, ik heb het nu zo staan als bovenstaand,de div staat nu onder de framesets in IndexB, alleen hoor ik het geluid nu wel van de player, maar zie ik em nergens:S

ik denk dat ie nu achter de content verschijnt :(

<html>
<head>
<style type="text/css">
<!--
#flash {
position: absolute;
z-index:1;
}
//-->
</style>

<title>Website 1</title>
</head>

<frameset rows="106,*,49" frameborder="NO" border="0" framespacing="0" z-index:0 >
<frame src="Top.html" name="top" scrolling="NO" noresize z-index:-1 >
<frameset rows="43,*" cols="*" framespacing="" frameborder="NO" border="0" z-index:0>
<frame src="Nav.html" name="topFrame" scrolling="NO" noresize z-index:-1 >
<frameset cols="118,*" frameborder="NO" border="0" framespacing="0" z-index:0>
<frame src="Links.php" name="leftFrame" scrolling="NO" noresize z-index:0>
<frame src="Nieuws/index.php" name="main"z-index:0 >
</frameset>
</frameset>

<frame src="BerichtBalk/show.php" name="bottomFrame" scrolling="NO" noresize z-index:0>

</frameset>
<noframes></noframes>

<div id="flash" z-index:1;>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="100%" height="100%" id="mp3player" align="top">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="mp3player.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<param name="bgcolor" value="#eeeeee" />
<embed src="mp3player.swf" quality="high" wmode="transparent" width="100%" height="100%" name="mp3player" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
</div>

</html>

mech7
%Europe/Berlin %647 %2005, 16:32
<div id="flash" z-index:1;>

klopt niet moet zijn

<div id="flash">

waarom gebruik je trouwens geen iframe ? :confused: je laad toch maar 1 dynamisch ding die news.php maakt de code wel wat overzichtelijker, dan al die framesets :D

michielm
%Europe/Berlin %674 %2005, 17:11
Ik heb geen id hoe dat met i frames werkt, nooit echt mee gewerkt.. maar ik heb dat mainframe nodig omdat daar m'n menu in verschijnt.

( http://www.street-illusions.nl )

anyways met <div id="flash"> alleen werkt het ook niet..
ik hoor alleen het geluid

michielm
%Europe/Berlin %795 %2005, 20:04
Ook als ik dit in elk ander html bestand zet, schijnt het wel te werken, want ik hoor het geluid, maar ik zie de flashmovie zelf niet..

iemand enig id hoe dit komt??

michielm
%Europe/Berlin %032 %2005, 01:46
Het probleem is inmiddels opgelost.. flash animatie is nu transparant en gaat over frames, layers en alles wat ie tegenkomt heen :) . hiermee kan je trouwens coole intro's en preloaders maken.. van achtergrond kleur faden naar transparant nadat de content is geladen is al een leuk voorbeeld.
Als iemand de broncode wilt zien, geef maar n gil :cool:

Laiverd
%Europe/Berlin %490 %2005, 12:46
Als iemand de broncode wilt zien, geef maar n gil :cool:Waarom post je 'm sowieso niet even? ;)

John

michielm
%Europe/Berlin %632 %2005, 16:11
eigenlijk best simpele oplossing.. alle content laad ik in een iframe, en daarover kan je met div dan de flashanimatie plaatsen.

<iframe
src ="Website_Nieuw/IndexB.htm"
width="1018" height="786" align="center" bgcolor="006691" valign="top" margin-left:auto; margin-right:auto; ></iframe>

<div id="flash1" style="position:absolute; width:1600px;height:1200px; z-index:100; left: 0px; top: 0px; visibility: visible;">
<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" WIDTH="1600" HEIGHT="1200" ALIGN="top">
<PARAM NAME=movie VALUE="mp3player.swf">
<PARAM NAME=quality VALUE=high>
<PARAM NAME=wmode VALUE=transparent>
<PARAM NAME=bgcolor VALUE=#FFFFFF>
<param name="LOOP" value="false">
<EMBED src="mp3player.swf" WIDTH="1600" HEIGHT="1200" loop="false" ALIGN="top" quality=high wmode=transparent bgcolor=#FFFFFF TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer">
</EMBED>
</OBJECT>
</div>

alleen als ik m'n beeldscherm op 1024 x 786 zet, zie ik dat het iframe niet goed staat. kan ik aangeven in dat de top en right 0 zijn ofzo? ook moet ik de scrolbars nog wegkrijgen (die heb ik nu dezelfde kleur als m'n background gemaakt)

http://www.street-illusions.nl/index_nieuw.html