Immagini sovrapposizione

**matthew85** · 25-01-2007, 16:13

Ciao a tutti,

io devo mettere sul mio sito internet alla pagina iniziale due immagini che dopo qualche secondo si modificano una con l'altra, come devo fare?

Qualcuno mi può dare una mano?

**matthew85** · 25-01-2007, 16:31

E come faccio se nella pagina ho già un altro script JavaScript?

**br1** · 25-01-2007, 16:41

Originariamente inviato da matthew85
Ciao a tutti,

io devo mettere sul mio sito internet alla pagina iniziale due immagini che dopo qualche secondo si modificano una con l'altra, come devo fare?

Qualcuno mi può dare una mano?

Quesito chiarissimo... se si sapesse quale significato lega "sovrapposizione" con "si modificano una con l'altra" :master:

Il secondo post e' poi illuminante... ma l'unica risposta possibile e' "dipende..."

Aiutaci a capirti.

ciao

**matthew85** · 25-01-2007, 16:51

Quello che vorrei fare è questo ho la pagina Web iniziale che ha solo l'immagine mia e vorrei che partendo, per esempio da quella immagine, dopo qualche secondo appaia un'altra immagine, per meglio dire un'altra foto. E il secondo quesito che ho posto è dove posizionare lo script che andrò a mettere visto che nella pagina Web ho già caricato uno script in Javascript.

La pagina che dico te la riporto qua sotto sottoforma di codice:

<HTML>
<HEAD>
<META name="GENERATOR" content="Microsoft Picture It! 2000">
<TITLE>Home Page</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">

</script>
</HEAD>
<body BACKGROUND="immagini/bgnd0.jpg" TEXT="#000080" LINK="#FFFF00" VLINK="#FFCC00" ALINK="#FFFFCC" onLoad="MM_preloadImages('immagini/enter2.jpg')">
<center><script language="javascript" type="text/javascript">
document.write('<s'+'cript language="javascript" src="http://ad.altervista.org/alternet.ad?c=2&f=0&'+new Date().getTime()+'"><\/s'+'cript>');
</script></center>
<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>
<NOSCRIPT>
<BGSOUND SRC="musica/trumpets.wav">
</NOSCRIPT> <span style="background-color: #000080">
<DIV ALIGN=CENTER>
</font><FONT FACE="Jokerman" SIZE=5 COLOR="#ff0000"><marquee scrolldelay="left">My personal page</marquee>
</FONT>
</DIV></span> [img]immagini/spacer.gif[/img]
<table width="*" border="0" cellpadding="0" cellspacing="0" align="center" valign="top">
<tr>
<td background="immagini/topedge.gif" border="0" height="22" width="20"> </td>
<td background="immagini/topedge.gif" border="0" height="22" width="*">
<p align="center">[img]immagini/pin.gif[/img]
</td>
<td background="immagini/topedge.gif" border="0" height="22" width="20"> </td>

<td height="22" notes" -->
<td background="immagini/topedge.gif" border="0" height="22" bgcolor="#FFFFFF">
<p align="center">[img]immagini/pinblue.gif[/img]
</td>

</tr>
<tr>
<td bgcolor="#FFFFFF" border="0" width="20"> </td>
<td bgcolor="#FFFFFF" border="0">
<p align="center">
[img]immagini/page.jpg[/img]
<td bgcolor="#FFFFFF" border="0" width="20"> </td>

<td width="50" height="318"> </td>

<td width="200" bgcolor="#FFFFFF" border=0 height="318" background="paper.jpg" valign="top">
<DIV ALIGN=CENTER>
</font>[/b]</font><FONT FACE="Bradley Hand ITC" SIZE=4 COLOR="#ff0000">Note:
</FONT>
</DIV>
<DIV ALIGN=CENTER> </font>[/b]</font></font><FONT FACE="Bradley Hand ITC" SIZE=3 COLOR="#000000">Sito creato da Mattia

Modificato il 23 gennaio 2007</FONT><FONT FACE="Bradley Hand ITC" SIZE=3 COLOR="#000000">
</FONT>
</DIV>
</td>
</tr>

<tr>
<td bgcolor="#FFFFFF" border="0" height="26" width="20">
</td>
<td bgcolor="#FFFFFF" border="0" height="26">
<DIV ALIGN=CENTER>
</font>[/b]</font></font></font><FONT FACE="Monotype Corsiva" SIZE=3 COLOR="#0066ff">Mattia
</FONT>
</DIV>
</td>
<td bgcolor="#FFFFFF" border="0" height="26" width="20">
</td>

<td width="50" height="26">
</td>

<td border="0" height="26" width="200" bgcolor="#FFFFFF" background="paper.jpg">
</td>

</tr>
<tr> <td bgcolor="#800000" height="36" colspan="3" align="center"></td>
</tr>
<tr>
</tr>
</table>
<p align="center">[img]immagini/enter1.jpg[/img]</p>
<script type="text/javascript">
var counter_style = 0;
</script>
<script type="text/javascript" src="http://www.altervista.org/js_tags/contatore.js"></script>
</body>
</HTML>

Il mio sito internet è: mio sito, e proprio la pagina che vedi quando entri nel sito, cioè la pagina index.htm.

Cosa posso fare? Mi puoi dare una mano?

**br1** · 25-01-2007, 18:35

Per risolvere in fretta al posto di:

codice:

	[img]immagini/page.jpg[/img]

metti:

codice:

	[img]immagini/page.jpg[/img]

<script>
var listaImg = new Array("immagini/page.jpg", "immagini/pippo.jpg", "immagini/pluto.jpg", "immagini/paperino.jpg");
var indImg = 0;
var pausaImg = 10;
function cambiaImg() {
	document.getElementById("myImg").src = listaImg[indImg];
	indImg ++;
	if (indImg >= listaImg.length) indImg = 0;
	setTimeout("cambiaImg()",1000*pausaImg);
}
cambiaImg();
</script>

Ma considera lo script prettamente didattico...

ciao

**matthew85** · 25-01-2007, 18:38

Cosa vuoi dire con questo?

**br1** · 25-01-2007, 18:51

- pur essendo funzionante non e' situato correttamente nella pagina e nemmeno ottimizzata (fa un ciclo a vuoto)
- non rispetta pienamente ( o per nulla ) le specifiche w3c sulla separazione layout / contenuti / script
- e' piu' che altro un suggerimento per la logica da seguire
- tu fai largo uso di funzioni create da un editor visuale che non conosco e mi manca il tempo per esaminare a fondo la pagina e creare qualcosa di perfettamente integrato
- nel forum si forniscono spesso suggerimenti e stimoli per studiare la materia, meglio insegnare a pescare che cucinarti il pesce

- io sono essenzialmente un analista procedurale: il forum pullula di puristi del linguaggio e cosi' fornisco loro la possibilita' di contribuire alla discussione

ciao

Discussione: Immagini sovrapposizione

Strumenti discussione

Ricerca discussione

Visualizza

Immagini sovrapposizione

Re: Immagini sovrapposizione

Permessi di invio