Troppo tardi
...avevo gia' iniziato a cimentarmi... Magari lascero' perdere, perche' mi sembra oltre le mie possibilita'... Ma stavo cercando almeno di capire la logica di questo meccanismo se mi aiutate.
Guardate qui (ovviamente e' solo la prima parte della pagina, quella in cui sono intervenuta fino ad ora), ho seguito la prima parte delle istruzioni, dove parla della pagina html, e ho inserito nella mia cio' che loro hanno detto, cercando di capire anche dove collocare quella roba...
In rosso quello che ho inserito...cosi' puoi dirmi se ho collocato il tutto nei punti giusti, se ti va...
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<link rel="shortcut icon"
href="http://fotografandolanatura.net/petti.ico">
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>FOTOGRAFANDOLANATURA.NET</title>
<style type="text/css">
<!--
a:link {text-decoration: none}
a:visited {text-decoration: none}
a:hover {color: #999999}
-->
</style>
<script type=”text/javascript” src=”script.js”></script></head>
<body
style="color: rgb(255, 255, 204); background-color: rgb(255, 255, 255); background-image: url(sfondi/grigio0069.jpg); height: 739px;"
alink="#ffffcc" link="#ffffcc" vlink="#ffffcc">
<div style="text-align: center;"></div>
<table
style="width: 900px; height: 680px; text-align: left; margin-left: auto; margin-right: auto;"
cellspacing="0">
<tbody
onload=”start(‘fotos/img007.jpg’)”><img src=”fotos/img008.jpg” id=”fotos/img007.jpg”></div> <tr>
<td
style="border-style: ridge ridge none; border-color: rgb(255, 255, 204); border-width: 5px; height: 80px; text-align: left; vertical-align: bottom; width: 900px;"><span
style="font-family: Comic Sans MS;"><span
style="color: rgb(255, 255, 204);"><small
style="color: rgb(255, 255, 51);"><big><br>
</big></small><font size="+2"><span
style="color: rgb(255, 255, 51);"><a href="homepage.html"
target="_blank"> </a><a
href="homepage.html" target="_blank"> </a><br>
<a href="homepage.html" target="_blank">
Fotografando
la Natura...</a></span></font><br>
</span></span><span
style="font-family: Comic Sans MS;"><span
style="color: rgb(255, 255, 204);"></span></span><span
style="font-family: Comic Sans MS;"><span
style="color: rgb(255, 255, 204);"></span></span><span
style="font-family: Comic Sans MS;"><span
style="color: rgb(255, 255, 204);"></span></span><span
style="font-family: Comic Sans MS;"><span
style="color: rgb(255, 255, 204);"></span></span></td>
</tr>
<tr>
<td
style="border-style: none ridge ridge; border-color: rgb(255, 255, 204); border-width: 0px 5px 5px; text-align: center; height: 565px; vertical-align: top; width: 900px;">
<div style="text-align: center; margin-top: 0px; height: 0px;">
<br>
</div>
<a href="homepage.html" target="_blank"><img
style="border: 0px solid ; width: 720px; height: 488px;" alt=""
src="fotos/img007.jpg" hspace="90" vspace="0"></a><big><big><small><span
style="font-family: Comic Sans MS;">
2005 © Fenicotteri</span></small></big></big><span
style="font-style: italic; font-family: Comic Sans MS;">
(Phoenicopterus ruber)</span><big><big><small><span
style="font-family: Comic Sans MS;"> al "decollo"</span></small></big></big>
</td>
</tr>
</tbody>
</table>
Ora l'
arcano... Ma dove diavolo devo piazzare questi altri comandi, cioe' quello che loro chiamano script (li copio qui sotto...)
??? Qui si da giustamente per scontato che uno abbia almeno la pallida idea di cio' di cui si sta parlando..ma non e' il mio caso purtroppo... Devo creare una pagina a parte o inserirli in qualche punto particolare del corpo html della mia index?
"
E dopo la pagina html che come avete visto è molto semplice, passiamo al cuore dello script vero e proprio. // tempo di attesa tra un’immagine e un’altra espressa in millesimi di secondo
tempo = 7000;
// creiamo la variabile elemente che verrà poi utilizzata dentro la funzione start
elemento = “”;
// Array nel quale inserire gli url delle varie immagini che si desiderano far alternare. Si possono aggiungere quanti url si vogliono
immagini = new Array();
immagini[0]=’http://www.yappy.it/image/javascript/010/image/template_4.jpg’;
immagini[1]=’http://www.yappy.it/image/javascript/010/image/template_2.jpg’;
immagini[2]=’http://www.yappy.it/image/javascript/010/image/template_3.jpg’;
function start(id){
//salva nella variabile elemento il tag img che corrisponde all’id passato
//N.B. L’elemento corrispondendente a quell’id deve esistere, in caso contrario lo script non funzionerà
elemento = window.document.getElementById(id);
//richiama la funzione immagine()
immagine();
}
function immagine(){
//Estrae un numero casuale tra 0 e la lunghezza dell’array – 1. Ad ogni valore
//corrisponde un dato url, tramite il ciclo do-while si controlla che il nuovo url non corrisponda al vecchio, se ciò
//si verifica, allora si provvede a far estrarre un altro numero, finchè gli url non sono diversi tra loro.
do{
num = Math.round((immagini.length-1)*Math.random());
}while(elemento.src == immagini[num]);
//Assegna l’url estratto in modo casuale all’immagine, cosi che l’utente possa visualizzare
//una nuova immagine sul proprio monitor
elemento.src = immagini[num];
//Richiama dopo il valore della variabile tempo la funzione immagine()
window.setTimeout(“immagine()”, tempo);
}
"
