Qualcuno mi può consigliare un facile software per fare uno slideshow da caricare in una pagina fatta in html? grazie
Qualcuno mi può consigliare un facile software per fare uno slideshow da caricare in una pagina fatta in html? grazie
Ti può andar bene qualcosa del genere?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>
</TITLE>
<SCRIPT language=JavaScript1.2>
<!--
var slideShowSpeed = 3000
var crossFadeDuration = 60
var Pic = new Array()
Pic[0] = 'http://www.usacliroma.it/nuovosito/images/prova1.jpg'
Pic[1] = 'http://www.usacliroma.it/nuovosito/images/prova2.jpg'
Pic[2] = 'http://www.usacliroma.it/nuovosito/images/prova3.jpg'
Pic[3] = 'http://www.usacliroma.it/nuovosito/images/prova4.jpg'
Pic[4] = 'http://www.usacliroma.it/nuovosito/images/prova5.jpg'
isIE=document.all;
isNN=!document.all&&document.getElementById;
isN4=document.layers;
isHot=false;
function ddInit(e){
topDog=isIE ? "BODY" : "HTML";
whichDog=isIE ? document.all.theLayer : document.getElementById("theLayer");
hotDog=isIE ? event.srcElement : e.target;
while (hotDog.id!="titleBar"&&hotDog.tagName!=topDog){
hotDog=isIE ? hotDog.parentElement : hotDog.parentNode;
}
if (hotDog.id=="titleBar"){
offsetx=isIE ? event.clientX : e.clientX;
offsety=isIE ? event.clientY : e.clientY;
nowX=parseInt(whichDog.style.left);
nowY=parseInt(whichDog.style.top);
ddEnabled=true;
document.onmousemove=dd;
}
}
function dd(e){
if (!ddEnabled) return;
whichDog.style.left=isIE ? nowX+event.clientX-offsetx : nowX+e.clientX-offsetx;
whichDog.style.top=isIE ? nowY+event.clientY-offsety : nowY+e.clientY-offsety;
return false;
}
function ddN4(whatDog){
if (!isN4) return;
N4=eval(whatDog);
N4.captureEvents(Event.MOUSEDOWN|Event.MOUSEUP);
N4.onmousedown=function(e){
N4.captureEvents(Event.MOUSEMOVE);
N4x=e.x;
N4y=e.y;
}
N4.onmousemove=function(e){
if (isHot){
N4.moveBy(e.x-N4x,e.y-N4y);
return false;
}
}
N4.onmouseup=function(){
N4.releaseEvents(Event.MOUSEMOVE);
}
}
function hideMe(){
if (isIE||isNN) whichDog.style.visibility="hidden";
else if (isN4) document.theLayer.visibility="hide";
}
function showMe(){
if (isIE||isNN) whichDog.style.visibility="visible";
else if (isN4) document.theLayer.visibility="show";
}
document.onmousedown=ddInit;
document.onmouseup=Function("ddEnabled=false");
var t
var j = 0
var p = Pic.length
var preLoad = new Array()
for (i = 0; i < p; i++){
preLoad[i] = new Image()
preLoad[i].src = Pic[i]
}
function runSlideShow(){
if (document.all){
document.images.SlideShow.style.filter="blendTrans (duration=2)";
document.images.SlideShow.style.filter="blendTrans (duration=crossFadeDuration)";
document.images.SlideShow.filters.blendTrans.Apply ();
}
if (!isN4) document.images.SlideShow.src = preLoad[j].src;
if (isN4) document.layers['theLayer'].document.images['SlideShow'].src = preLoad[j].src;
if (document.all){
document.images.SlideShow.filters.blendTrans.Play( );
}
j = j + 1;
if (j > (p-1)) j=0;
t = setTimeout('runSlideShow()', slideShowSpeed);
}
//-->
</SCRIPT>
</HEAD>
<BODY text=#000000 bgColor=#ffffff leftMargin=0 topMargin=0
onload="runSlideShow()">
<TABLE align=center cellSpacing=0 cellPadding=0 border=0>
<TR><TD id=VU></TD></TR></TABLE>
</BODY>
</HTML>
Ciao,
dover
grazie intanto ma... tenuto conto che non sono affatto preparatissimo nella materia.... mi potresti dire cone fare le foto di grandezza 4x3 cm? e come mettere le foto che ho in una cartella? grazie
Devi cambiare solo il percorso dei files:
Pic[0] = 'http://www.usacliroma.it/nuovosito/images/prova1.jpg'
Pic[1] = 'http://www.usacliroma.it/nuovosito/images/prova2.jpg'
Pic[2] = 'http://www.usacliroma.it/nuovosito/images/prova3.jpg'
Pic[3] = 'http://www.usacliroma.it/nuovosito/images/prova4.jpg'
Pic[4] = 'http://www.usacliroma.it/nuovosito/images/prova5.jpg'
Sostituirai questo con:
Pic[0] = 'tuaCartella/tuaImmagine1.jpg'
Pic[1] = 'tuaCartella/tuaImmagine2.jpg'
Pic[2] = 'tuaCartella/tuaImmagine3.jpg'
Pic[3] = 'tuaCartella/tuaImmagine4.jpg'
Pic[4] = 'tuaCartella/tuaImmagine5.jpg'
Un'immagine viene riciamata anche alla quart'ultima riga:
e diventerà chiaramente:
[img]tuaCartella/tuaImmagine1.jpg[/img]
Fai le Tue immagini di grandezza 4x3 e non avrai bisogno neanche di impostare la grandezzanell'html.
Ciao,
dover
grazie dover ma essendo principiante, come non avevo dubbi, sono riuscito a non farlo funzionare. Mi potresti dire dove devo mettere tutto il codice? dimmi se sbaglio: io ho fatto una tabella entro cui deve stare lo slideshow e poi ho fatto copia/incolla del codice (cambiando il nome dei percorsi foto).... ma non funziona.... non è che devo metterlo una parte lì ed un'altra separata? grazie
non mi fa lo slideshow.... mi visualizza solo la prima foto.... non è che devo mettere anche nel richiamo della quart'ultima riga tutte le foto e non solo la prima? grazie
Ciao,
Io Ti ho pubblicato qui
www.filelife.com/provaslide.html
la pagina dove ho inserito il percorso fisico dei file (guarda il codice) Devi soltanto sostituire i nomi delle immagini: chiaro che se manipoli il codice senza specifiche competenze non funziona più niente.. Limitati a modificare solo i nomi..
Ciao,
dover
dover, sei disponibilissimo e gentile con me... ti chiedo un favore: ti ho mandato un pm. grazie
Permessi di invio
Rispondi quotando