creazione file js da includere in un documento html

alfo18

Nuovo Utente
28 Mag 2012
3
0
0
Ciao a tutti,
sono Alfo. Ho il seguente problema da sottoporvi: ho un file che mi cambia in modo automatico una immagine. Funziona perfettamente. Io vorrei creare un file in javascript da richiamare che mi faccia cambare l'immagine. Ho provato a cambiare il file originario ma non riesco a creare un file in javascript che funzioni.
C'è qualcuno che gentilmente può aiutarmi?
Il codice del file originario è il seguente:

HTML:
<html>
<head>

<script type="text/javascript">
<!--
var image1=new Image()
image1.src="firstcar.gif"
var image2=new Image()
image2.src="secondcar.gif"
var image3=new Image()
image3.src="thirdcar.gif"
//-->
</script>

</head>
<body>
<img src="firstcar.gif" name="slide" width="100" height="56" />

<script>
<!--
//variable that will increment through the images
var step=1
function slideit(){
//if browser does not support the image object, exit.
if (!document.images)
return
document.images.slide.src=eval("image"+step+".src")
if (step<3)
step++
else
step=1
//call function "slideit()" every 2.5 seconds
setTimeout("slideit()",2500)
}
slideit()
//-->
</script>

</body>
</html>
Grazie molte per la cortese attenzione. Alfo
 
Ultima modifica di un moderatore:
non ho capito se quel codice funziona o vuoi che te lo scriviamo noi.. comunque per creare uno script esterno copi il codice senza i tag <script> crei un nuovo file, incolli il codice e salvi il file con estensione .js .. ora non ti resta che includerlo con <script type="text/javascript" src="script.js" />
 
File esterno ms.

Grazie per la risposta. Ho provato a creare un file esterno che ho chiamato code.js e l'ho richiamato nel file HTML ma non funziona. C'e qualcuno che mi puo' indicare come risolvere il problema? Grazie, Alfonso
 
Ciao,

questo è il javascript inserito in un file .js chiamato code.js

code.js
Codice:
var image1=new Image()
image1.src="firstcar.gif"
var image2=new Image()
image2.src="secondcar.gif"
var image3=new Image()
image3.src="thirdcar.gif"

//variable that will increment through the images
var step=1
function slideit(){
//if browser does not support the image object, exit.
if (!document.images)
return
document.images.slide.src=eval("image"+step+".src")
if (step<3)
step++
else
step=1
//call function "slideit()" every 2.5 seconds
setTimeout("slideit()",2500)
}
slideit()

pagina .html

Codice:
<html>
<head>

</head>
<body>
<img src="firstcar.gif" name="slide" width="100" height="56" />

<script type="text/javascript" src="code.js"></script>

</body>
</html>

il file che contiene il codice javascript che hai chiamato code.js devi inserirlo dopo il <body> e l'immagine caricata di default firstcar.gif


Valeria.
 
Un esempio di slide immagini caricate ogni 2,5 secondi

tassozero-2561.png


Questo è l'esempio di Valeria... che ho messo on-line!
http://max400.netne.net/pagina.html

questo è il code.js
http://max400.netne.net/code.js

e questo l'allegato che contiene 3 file
http://max400.netne.net/slide-a-timer.rar

pagina.html (la pagina su cui caricare il file code.js)
pagina.txt (contiene il codice da modificare)
code.js (il codice esterno)

le foto sono esterne prese da google immagini.

by zorro
 
Immagini in una cartella

Valeria, grazie per l'aiuto. Il file funziona perfettamente se il codice e le immagini sono nella stessa cartella.
Ho provato a mettere le immagini in una cartella che ho chiamato "immagini" ma in questo caso il programma non funziona più. Mi evidenzia solo la prima immagine e non le altre. Mi puoi aiutare a risolvere il problema?
Grazie per l'aiuto, Alfo

Ciao,

questo è il javascript inserito in un file .js chiamato code.js

code.js
Codice:
var image1=new Image()
image1.src="firstcar.gif"
var image2=new Image()
image2.src="secondcar.gif"
var image3=new Image()
image3.src="thirdcar.gif"

//variable that will increment through the images
var step=1
function slideit(){
//if browser does not support the image object, exit.
if (!document.images)
return
document.images.slide.src=eval("image"+step+".src")
if (step<3)
step++
else
step=1
//call function "slideit()" every 2.5 seconds
setTimeout("slideit()",2500)
}
slideit()

pagina .html

Codice:
<html>
<head>

</head>
<body>
<img src="firstcar.gif" name="slide" width="100" height="56" />

<script type="text/javascript" src="code.js"></script>

</body>
</html>

il file che contiene il codice javascript che hai chiamato code.js devi inserirlo dopo il <body> e l'immagine caricata di default firstcar.gif


Valeria.
 
ciao scusate io ho una domandina:
posso creare un js da un codice o da una pagina html ?
mi spiego ho una pagina html con un menu drop down molto carino che ho trovato, ma per non inserire in TUTTE le mie pagine html il suddetto menu volevo richiamarlo semplicemente con un js anche per comodità di quando aggiungo voci al menu....
è cosa fattibile ?
grazzissime a tutti quanti
 

Discussioni simili