Vai ai contenuti

random stesil

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,


Torna ai contenuti | Torna al menu