Joomla.it Forum
Joomla! 2.5 (versione con supporto terminato) => Joomla! 1.6/1.7/2.5 => I Template di Joomla 1.6/1.7/2.5 => : MirkoCaccia 16 Jun 2011, 13:12:09
-
Salve a tutti,
sto personalizzando la template beez2 ed ho sostituito l'immagine dell'header con un'animazione flash.
Ora ho un problema:
In un menu ho inserito il mio portfolio. Nel portfolio ci sono le miniature di alcuni lavori che ho fatto. Ho applicato una jquery Fancybox alle miniature in modo che quando ci clicco mi si apra l'immagine con l'effetto lightbox sopra il sito.
Le immagini in effetti si aprono però l'animazione flash le sovrasta. Ho provato ad inserire uno z-index:0 al div che contiene l'header...ma non è servito a niente. Il problema rimane ed è simile in quasi tutti i browser. Solo in Firefox l'immagine compare sopra al flash (tranne la x per chiuderla).
QUESTA E? LA PARTE DI CODICE DOVE HO INSERITO L'ANIMAZIONE FLASH:
<div class="logoheader">
<h1 id="logo">
<?php if ($logo): ?>
<img src="<?php echo $this->baseurl ?>/<?php echo htmlspecialchars($logo); ?>" alt="<?php echo htmlspecialchars($templateparams->get('sitetitle'));?>" />
<?php endif;?>
<?php if (!$logo ): ?>
<?php echo htmlspecialchars($templateparams->get('sitetitle'));?>
<?php endif; ?>
<span class="header1">
<?php echo htmlspecialchars($templateparams->get('sitedescription'));?>
</span> </h1>
<div><embed width="1048" height="288" src="./Flash/IntestazioneMC.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed></div>
</div><!-- end logoheader -->
MENTRE QUESTA E' LA PARTE DI CSS:
.logoheader
{
background: #000 /*URL(../images/personal/personal2.png) no-repeat bottom right */;
color:#fff;
min-height:288px;
border-bottom:4px #000 solid;
position:relative;
z-index:0;
}
ho provato a intervenire sul codice della fancybox, ma per me è troppo complicato...temo di far danni.
Sapreste aiutarmi?
Grazie
-
invece che 0 prova a mettere un valore negativo tipo -9999.
Tentar non nuoce, dopo magari interviene qualche guro dei css.
Ciao
-
RISOLTO!!!
Non era una questione di z-index ma di codice di inserimento per flash!
In pratica quello che io avevo inserito era:
<div><embed width="1048" height="288" src="./Flash/IntestazioneMC.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed></div>
CHE NON FA FUNZIONARE CORRETTAMENTE IL FILE SWF!!!!
IL CODICE GIUSTO E' IL SEGUENTE:
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0','width','1048','height','288','id','IntestazioneMC','align','middle','src','./Flash/IntestazioneMC','quality','high','bgcolor','#000000','name','IntestazioneMC','allowscriptaccess','sameDomain','allowfullscreen','false','pluginspage','http://www.macromedia.com/go/getflashplayer','wmode','opaque','movie','./Flash/IntestazioneMC' ); //end AC code
</script><noscript><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="1048" height="288" id="IntestazioneMC" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="false" />
<param name="wmode" value="[glow=red,2,300]opaque[/glow]" />
<param name="movie" value="./(percorso)/file.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#000000" />
<embed src="./(percorso)/file.swf" quality="high" bgcolor="#000000" width="1048" height="288" name="Intestazione" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object></noscript>
FATE PARTICOLARE ATTENZIONE AL PARAMETRO wmode che deve avere il valore impostato su "opaque"
POI E' DETERMINATE LA PRESENZA DEI SEGUENTI SCRIPT ALL'INIZIO DELLA PAGINA:
<script language="javascript">AC_FL_RunContent = 0;</script>
<script src="./(percorso)/AC_RunActiveContent.js" language="javascript"></script>
Ovviamente la dove io ho scritto "(percorso)" voi inserirete il percorso ed il nome giusto del file (sia per gli .swf che per il file AC_RunActiveContent.js)
-
magari usare le tag code per postare codice?
e poi il maiuscolo, in rete significa urlare.