Salve a tutti,
non riesco a far funzionare un modulo che utilizza oziogallery. Il modulo è del tipo HTML personalizzato e ciò che devo ottenere è di mostrare una galleria imagerotator nell'header e quindi in posizione top. Il problema è che non compare nemmeno. Ecco il codice personalizzato che ho usato:
<table border="0" align="center">
<tbody>
<tr>
<td>
<div id="oziocontainer" class="oziofloat">
<object id="rotator" width="320" height="170" data="/JoomlaCadamuro/components/com_oziogallery2/skin/imagerotator/imagerotator.swf" type="application/x-shockwave-flash">
<param name="name" value="rotator" />
<param name="flashvars" value="file=http://localhost/JoomlaCadamuro/components/com_oziogallery2/skin/imagerotator/xml/imagerotator_Imagerotator.ozio&width=320&height=170&transition=random&rotatetime=5&screencolor=0xffffff&shownavigation=true&kenburns=false&overstretch=fill&shuffle=false" />
<param name="src" value="/JoomlaCadamuro/components/com_oziogallery2/skin/imagerotator/imagerotator.swf" />
<param name="wmode" value="transparent" />
<param name="allowfullscreen" value="false" />
<param name="quality" value="high" />
</object>
</div>
<script type="text/javascript">// <![CDATA[
var s1 = new SWFObject("http://localhost/JoomlaCadamuro/components/com_oziogallery2/skin/imagerotator/imagerotator.swf","rotator","320","170","7");
s1.addVariable("file","http://localhost/JoomlaCadamuro/components/com_oziogallery2/skin/imagerotator/xml/imagerotator_Imagerotator.ozio");
s1.addVariable("width","320");
s1.addVariable("height","170");
s1.addVariable("transition","random");
s1.addVariable("rotatetime","5");
s1.addVariable("screencolor","0xffffff");
s1.addVariable("shownavigation","true");
s1.addVariable("kenburns","false");
s1.addVariable("overstretch","fill");
s1.addVariable("shuffle","false");
s1.addParam("allowfullscreen","false");
s1.addParam("wmode", "transparent");
s1.write("oziocontainer");
// ]]></script>
</td>
</tr>
</tbody>
</table>
Una volta provato non andava e ho quindi pensato di usare solo la parte in javascript oppure solo la parte in html. Nessuna delle due ha funzionato quindi ho continuato usando solo questo codice:
<table border="0" align="center">
<tbody>
<tr>
<td>
<div id="oziocontainer" class="oziofloat"></div>
<script type="text/javascript">// <![CDATA[
var s1 = new SWFObject("http://localhost/JoomlaCadamuro/components/com_oziogallery2/skin/imagerotator/imagerotator.swf","rotator","320","170","7");
s1.addVariable("file","http://localhost/JoomlaCadamuro/components/com_oziogallery2/skin/imagerotator/manual-xml/imagerotator.ozio");
s1.addVariable("width","320");
s1.addVariable("height","170");
s1.addVariable("transition","random");
s1.addVariable("rotatetime","5");
s1.addVariable("screencolor","0xffffff");
s1.addVariable("shownavigation","true");
s1.addVariable("kenburns","false");
s1.addVariable("overstretch","fill");
s1.addVariable("shuffle","false");
s1.addParam("allowfullscreen","true");
s1.addParam("wmode", "transparent");
s1.write("oziocontainer");
// ]]></script>
</td>
</tr>
</tbody>
</table>
Cliccando su una voce di un menu che doveva mostrare una galleria (attraverso il componente oziogallery) ho notato che nella head della pagina ci sono questo script e css:
<style type="text/css">
.oziofloat {
width: 640;
height: 480;
margin: 0px auto;
float: inherit;
}
.oziotime {
font-size: 0.8em;
color:#ccc;
}
</style>
Il css non è sicuramente influente per il mio problema quindi ho provato ad aggiungere nella index lo script. Non ha funzionato ma attraverso firebug mi ha segnalato un errore in quello script (variabile n non istanziata o qualcosa del genere). Non penso che sia di qualche aiuto.
Il problema inoltre non deriva nemmeno dalle modifiche che l'editor HTML introduce ogni volta che si clicca sul pulsante aggiorna (ho controllato nel mio DB e nell'HTML in uscita).
I test li ho fatti con firefox ma il problema permane anche con internet explorer.
Qualcuno mi sa spiegare cosa ho sbagliato e come andrebbe fatto il tutto?
Grazie mille.