una grande animazione flash come sfondo di una pagina

**angelicab** · 15-03-2009, 20:05

ciao
ho esigenza di inserire come sfondo di una pagina un'animazione flash molto grande (1920x1200) in modo da rendere visibile l'intera animazione a risoluzioni elevate..

con risoluzioni più basse invece, l'intera pagina dovrebbe essere centrata rispetto all'animazione.. utilizzando una gif come sfondo ci riesco tranquillamente associando al BODY della pagina questa classe:

codice:

.sfondo {
	background-color: #000033;
	background-attachment: fixed;
	background-image: url(../img/fondo_premi.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

invece con l'animazione flash.. la pagina scrolla sia in verticale che orizzontale...

ho creato questo css:

codice:

#contenitore{
width:100%;height:100%;
position:relative;
}
#sfondoflash{
width:100%;height:100%;
z-index:1;
position:absolute;
}
#contenutosfondoflash{
z-index:5;
position:relative;
}

ed inserito i div (non fate caso al codice del flash.. poi sarà ottimizzato..):

codice:

<div id="contenitore"> 
  <div id="sfondoflash"> 
    <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="1920" height="1200">
      <param name="movie" value="../img/fondo_premi.swf">
      <param name="quality" value="high">
      <param name="wmode" value="transparent">
      <embed src="../img/fondo_premi.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="100%" height="100%"></embed></object>
  </div>
  <div id="contenutosfondoflash"> qua inserisci il contenuto della pagina.. bla.. </div>
</div>

c'è un modo per risolvere il problema???

**Gufo** · 15-03-2009, 20:48

Un js che riconosca la risoluzione e imposti le misure in base a quella

**fcaldera** · 15-03-2009, 21:58

premesso che il contenitore del flash dovrà avere width e height pari a 100% puoi fare in modo di esportare il flash in modo che si autoridimensioni in base alla larghezza della finestra (e quindi del div che contiene il flash) senza fare uso di javascript.

Un esempio lo puoi vedere nel flash intro su www.nucleokids.com, provando a ridimensionare la finestra (c'è javascript ma non è essenziale per l'effetto)

**angelicab** · 15-03-2009, 22:24

scusa.. ma non ho capito cosa intendi...

**dreamtheater198** · 15-03-2009, 23:52

Io ho capito, nel css nel contentiore del div imposta la height e la widht 100% poi apri flash e dovresti impostare le impostazioni del documento in percentuale (100%) così dopo quando inserisci il flash nel div si autodimensiona da solo.

**angelicab** · 17-03-2009, 01:50

Originariamente inviato da dreamtheater198
apri flash e dovresti impostare le impostazioni del documento in percentuale (100%)

ma dove/come imposto le dimensioni del flash in percentuale?
nelle proprietà del filmato non mi consente di inserire valori percentuali...

**dreamtheater198** · 17-03-2009, 13:35

Devi andare nel publish setting e poi nella sezione html e imposti le dimensioni in percentuale.

**angelicab** · 17-03-2009, 23:45

questo l'avevo già fatto.. senza pubblicare la pagina HTML da Flash..

ora nella pagina ho questo:

codice:

<html>
<head>
<title>PAGINE</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>




<style>
/* posizioni in modo relativo il contenitore, in modo da poter sovrapporre il div con il flash */
#contenitore{
	width:100%;
	height:auto;
	position:relative;
	background-color: #FFCC00;
}
/* posizioni in modo assoluto il div che contiene il filmato flash con uno z-index uguale a 1 */
#sfondoflash{
	width:auto;
	height:auto;
	z-index:1;
	position:absolute;
	margin: 0px;
	background-color: #00FFFF;
	top: 0px;
}
/* infine posizioni in modo relativo il div per il contenuto per farlo posizionare rispetto al suo contenitore e uno z-index piu alto del precedente in modo da sovrapporsi */
#contenutosfondoflash{
	z-index:5;
	position:relative;
	background-color: #003366;
}
</style>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
  
<div id="contenitore"> 
  <div id="sfondoflash"> 
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="100%" height="100%" id="fondo_premi" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="../img/fondo_premi.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" /><embed src="../img/fondo_premi.swf" quality="high" bgcolor="#ffffff" width="100%" height="100%" name="fondo_premi" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>  </div>
  <div id="contenutosfondoflash"> qua inserisci il contenuto del div da sovrapporre 
    al filmato </div>
</div>

</body>
</html>

.. ma nulla...

**angelicab** · 22-03-2009, 14:24

up

Discussione: una grande animazione flash come sfondo di una pagina

Strumenti discussione

Ricerca discussione

Visualizza

una grande animazione flash come sfondo di una pagina

Re: una grande animazione flash come sfondo di una pagina

Permessi di invio