testo prima diapositiva
testo seconda diapositiva
testo terza diapositiva
In questa pagina un'altra variazione usando la slideshow del proramma e jquery.
Scaricare
jquery-1.5.min.js
e allegarlo con la graffetta di oggetto HTML
In Creazione Mappa > Proprietà della pagina > esperto > Codice da inserire nell'head della pagina
<script type="text/javascript" src="files/jquery-1.5.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("div#testoslide p:gt(0)").hide();
});
function ricarica(){
var prima=$("div#testoslide p:not(:hidden)");
$("img#imSSImage_0").load(function(){
prima.hide();
if (prima.is("div#testoslide p:last-child")){
$("div#testoslide p:eq(0)").show();}
else{
prima.next().show();
}});
};
window.setInterval("ricarica()", 5000);
</script>
Attenziona a variare 5000 (5 secondi) in base alle esigenze e deve essere uguale al valore impostato nella slideshow
<------------------------------>
In un oggetto HTMl (quello della descrizione ovvero del testo)
<div id="testoslide">
<p>testo prima diapositiva </p>
<p>testo seconda diapositiva </p>
<p>testo terza diapositiva </p>
</div>
<----------------------------->
In scheda css va formatatto il testo (esempio)
#testoslide {
font-family: Tahoma;
font-size: 16px ;
color: #FF0000;
padding: 5px;
text-align: left;
}
<---------------------------------->
Ancora grazie a Stesil
Ciao,