immagine all'entrata....si puo?

**webbeginner** · 09-08-2003, 11:11

vorrei che all'entrata del sito si aprisse una foto e che scendesse dall'alto o dai lati per poi scomparire dopo un tempo prefissato. La finestra dovrebbe avere le stesse dimensioni della foto. Come fare?

**v2v2** · 09-08-2003, 13:25

Guarda se intendevi qualcosa di questo tipo

codice:

<html> 

<head> 

<title></title> 
<script>
var inizio=-450;	//distanza da cui far scendere l'img	
var arrivo=10;		//destinazione in pixel
var src="Image1.jpg";	//src dell'img
var larghezza=400;		//larghezza dell'img


var left=screen.width/2-larghezza/2;
function MoveDown(){
if (inizio<arrivo){ 
inizio=inizio+25;
document.getElementById('imm').style.top=inizio+"px";
setTimeout('MoveDown()',25);
}
}
function Hide(){
document.getElementById('imm').style.visibility="hidden";
}
</script>
</head>
<body onLoad="MoveDown();javascript:setTimeout('Hide()',4000)">
<script>
document.write('[img]'+src+'[/img]');
</script>

xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx


xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx


xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx


xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx


xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx


xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx


xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx


xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx


xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx


xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx


</body> 

</html>

**webbeginner** · 10-08-2003, 10:40

grazieeeeee!
prima di tradurla in pratica ti vorrei chiedere:
e i parametri dell'altezza?
devo inserirla all'interno di una pagina html o viene richiamata la sola immagine jpg?
Grazie infinite.

**v2v2** · 10-08-2003, 11:49

Originariamente inviato da webbeginner
...
devo inserirla all'interno di una pagina html o viene richiamata la sola immagine jpg?
...

Copia il primo script

codice:

<script>
self.moveTo(0,0); 
self.resizeTo(screen.availWidth,screen.availHeight); 


var inizio=-450;	//distanza da cui far scendere l'img	
var arrivo=10;		//destinazione in pixel
var src="Image1.jpg";	//src dell'img
var larghezza=400;	//larghezza dell'img
var altezza=400;	//altezza dell'img

var left=screen.availWidth/2-larghezza/2;
function MoveDown(){
if (inizio<arrivo){ 
inizio=inizio+25;
document.getElementById('imm').style.top=inizio+"px";
setTimeout('MoveDown()',25);
}
}
function Hide(){
document.getElementById('imm').style.visibility="hidden";
}
</script>

nei tag HEAD della pagina in cui vuoi far apparire l'immagine.

Metti OnLoad="MoveDown();java script:setTimeout('Hide()',4000)" come da esempio.

Nel BODY della stessa pagina copia il secondo script

codice:

<script>
document.write('[img]'+src+'[/img]');
</script>

TUTTO QUI.

Se hai altre domande chiedi pure

**webbeginner** · 10-08-2003, 12:26

ti spiego esattamente il problema:
appena chiamo la pagina index.html del sito mi appare una animazione che invia al menu principale (home.html)dopo pochi secondi.
Bene, appena si avvia il menu voglio che dall'alto venga giu' una immagine raffigurante la locandina dell'evento del momento (foto.jpg) e che dopo pochi secondi, oppure cliccando sulla stessa, sparisca.
Se ho ben capito devo inserire i due script nel file home.html?

e ancora: "Metti OnLoad="MoveDown();java script:setTimeout('Hide()',4000)" come da esempio...."
anche questa linea di codice va nello stesso file?
non ho capito:.....',4000)" a cosa si riferisce il 4000?

scusami ancora, se non avrai voglia di rispondere "capiro'?".
saluti e auguri di buon proseguimento.

**webbeginner** · 10-08-2003, 12:29

ti volevo chiedere ancora una cosa.
Cosa devo fare se voglio che la immagine venga giu' una volta sola? Cioè, è possibile fare si che una volta che si ritorni alla pagina del menu l'immagine non scenda giu' di nuovo?.

**v2v2** · 10-08-2003, 15:00

L'unico file da modificare è home.html
Metti questo codice nel'HEAD

codice:

<script>
//variabili da settare
var inizio=-450;	//distanza da cui far scendere l'img	
var arrivo=10;		//destinazione in pixel
var src="Image1.jpg";	//src dell'img
var larghezza=400;	//larghezza dell'img
var altezza=400;	//altezza dell'img

//codice per aprire la finestra alle max dimensioni
self.moveTo(0,0); 
self.resizeTo(screen.availWidth,screen.availHeight); 

//codice per muovere l'img
var prima=true;
var left=screen.availWidth/2-larghezza/2;
function MoveDown(){
if(prima){
	if (inizio<arrivo){ 
		inizio=inizio+25;
		document.getElementById('imm').style.top=inizio+"px";
		setTimeout('MoveDown()',25);
}	}
}
function Hide(){
document.getElementById('imm').style.visibility="hidden";
}

//codice per i cookies
function parseCookie() { 
var cookieList = document.cookie.split("; "); 
var cookieArray = new Array(); 
for (var i = 0; i < cookieList.length; i++) { 
var name = cookieList[i].split("="); 
cookieArray[unescape(name[0])] = unescape(name[1]); 
} 
return cookieArray; 
} 

function setCookie(visits) { 
var expireDate = new Date(); 
var today = new Date(); 
expireDate.setDate(1 + expireDate.getDate()); 
document.cookie = "Visits=" + visits + "; expires=" + 
expireDate.toGMTString() + ";"; 
document.cookie = "LastVisit=" + 
escape(today.toGMTString()) + 
"; expires=" + expireDate.toGMTString() + ";"; 
} 

if ("" == document.cookie) { 
setCookie(1); 
} 
else { 
var cookies = parseCookie();
prima=false; 
setCookie(cookies.Visits); 
} 
</script>

settando le variabili secondo le tue esigenze.

Poi devi inserire onLoad="MoveDown();javascript:setTimeout('Hide()', 4000)" dopo <body ....
Ad esempio se hai <body bgcolor="red"> diventa <body bgcolor="red" onLoad="MoveDown();javascript:setTimeout('Hide()', 4000)"> dove 4000 è il tempo dopo cui deve sparire l'img (in millesecondi).

Poi tra i tag BODY metti

codice:

<script>
//codice che inserisce l'immagine
document.write('[img]'+src+'[/img]');
</script>

**webbeginner** · 10-08-2003, 20:29

mi metto subito al lavoro. faccio una prova e poi ti dico come è andata. Non ho parole per ringraziarti.
saluti e buon proseguimento

**webbeginner** · 10-08-2003, 21:15

ho provato a inserire i codici in una pagina di esempio.
Naturalmente ho anche inserito l'immagine nella directory ma non succede niente, cosa sbaglio secondo te? sicuramente dimentico qualche sostituzione:

<html>
<head>
<title>index</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<script>
//variabili da settare
var inizio=-450; //distanza da cui far scendere l'img
var arrivo=10; //destinazione in pixel
var src="andredom.jpg"; //src dell'img
var larghezza=768; //larghezza dell'img
var altezza=425; //altezza dell'img

//codice per aprire la finestra alle max dimensioni
self.moveTo(0,0);
self.resizeTo(screen.availWidth,screen.availHeight );

//codice per muovere l'img
var prima=true;
var left=screen.availWidth/2-larghezza/2;
function MoveDown(){
if(prima){
if (inizio<arrivo){
inizio=inizio+25;
document.getElementById('imm').style.top=inizio+"p x";
setTimeout('MoveDown()',25);
} }
}
function Hide(){
document.getElementById('imm').style.visibility="h idden";
}

//codice per i cookies
function parseCookie() {
var cookieList = document.cookie.split("; ");
var cookieArray = new Array();
for (var i = 0; i < cookieList.length; i++) {
var name = cookieList[i].split("=");
cookieArray[unescape(name[0])] = unescape(name[1]);
}
return cookieArray;
}

function setCookie(visits) {
var expireDate = new Date();
var today = new Date();
expireDate.setDate(1 + expireDate.getDate());
document.cookie = "Visits=" + visits + "; expires=" +
expireDate.toGMTString() + ";";
document.cookie = "LastVisit=" +
escape(today.toGMTString()) +
"; expires=" + expireDate.toGMTString() + ";";
}

if ("" == document.cookie) {
setCookie(1);
}
else {
var cookies = parseCookie();
prima=false;
setCookie(cookies.Visits);
}
</script>

</head>

<body bgcolor="red" onLoad=" MoveDown();java script:setTimeout('Hide()
',4000)">
<script>
//codice che inserisce l'immagine
document.write('[img]'+src+'[/img]');
</script>

</body>
</html>

**v2v2** · 11-08-2003, 11:48

codice:

<html> 
<head> 
<title>index</title> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 

<script> 
//variabili da settare 
var inizio=-450; //distanza da cui far scendere l'img 
var arrivo=10; //destinazione in pixel 
var src="andredom.jpg"; //src dell'img 
var larghezza=768; //larghezza dell'img 
var altezza=425; //altezza dell'img 

//codice per aprire la finestra alle max dimensioni 
self.moveTo(0,0); 
self.resizeTo(screen.availWidth,screen.availHeight); 

//codice per muovere l'img 
var prima=true; 
var left=screen.availWidth/2-larghezza/2; 
function MoveDown(){ 
if(prima){ 
if (inizio<arrivo){ 
inizio=inizio+25; 
document.getElementById('imm').style.top=inizio+"px"; 
setTimeout('MoveDown()',25); 
} } 
} 
function Hide(){ 
document.getElementById('imm').style.visibility="hidden"; 
} 

//codice per i cookies 
function parseCookie() { 
var cookieList = document.cookie.split("; "); 
var cookieArray = new Array(); 
for (var i = 0; i < cookieList.length; i++) { 
var name = cookieList[i].split("="); 
cookieArray[unescape(name[0])] = unescape(name[1]); 
} 
return cookieArray; 
} 

function setCookie(visits) { 
var expireDate = new Date(); 
var today = new Date(); 
expireDate.setDate(1 + expireDate.getDate());

Fin qui tutto bene. Poi tutto su una stessa riga

codice:

document.cookie = "Visits=" + visits + "; expires=" + 
expireDate.toGMTString() + ";";

Poi vai a capo e su una stessa riga scrivi

codice:

document.cookie = "LastVisit=" + 
escape(today.toGMTString()) + 
"; expires=" + expireDate.toGMTString() + ";";}

Inserisci

codice:

if ("" == document.cookie) { 
setCookie(1); 
} 
else { 
var cookies = parseCookie(); 
prima=false; 
setCookie(cookies.Visits); 
} 
</script> 
</head>

Su una stessa riga metti

codice:

<body bgcolor="red" onLoad="MoveDown();java script:setTimeout('Hide() 
',4000)">

Javascript va scrittto senza.

codice:

<script> 
//codice che inserisce l'immagine

Su una stessa riga

codice:

document.write('[img]'+src+'[/img]');</script></body></html>

Discussione: immagine all'entrata....si puo?

Strumenti discussione

Ricerca discussione

Visualizza

immagine all'entrata....si puo?

dunque

Re: dunque

ricapitolando

ops

grazieeee

cosa sbaglio?

Permessi di invio