Aiuto codice js

ertulio

Aiuto codice js

Salve, vorrei modificare una galleria js presa dal web. Lo script al passaggio del mouse su un link visualizza l'immagine ad essa associata. Le immagini devono però essere nella stassa cartella della pagina su cui vi è lo script. Io avrei bisogni di inserire le immagini in un altra cartella e non quella dove vi è istallato lo script, come posso cambiarla? Io purtroppo non sono un granchè in js grazie

 <script>

function changeimage(towhat,url){
if (document.images){
document.images.targetimage.src=towhat.src
gotolink=url
}
}
function warp(){
window.location=gotolink
}

</script>
<script language="JavaScript1.1">
var myimages=new Array()
var gotolink="#"

function preloadimages(){
for (i=0;i<preloadimages.arguments.length;i++){
myimages*=new Image()
myimages*.src=preloadimages.arguments*
}
}

preloadimages("01.gif","02.gif","03.gif")
</script>

claudioweb

Ciao

Puoi modificare l'indirizzo e il nome delle immagini semplicemente cambiando qui:

preloadimages("01.gif","02.gif","03.gif")

Puoi usare anche indirizzi assoluti o altre estensioni.

Ad esempio ne metto tre diverse:

preloadimages("nomecartella/01.gif","http://www.nomesito.com/nomecartella/02.gif","03.jpg")

ertulio

Grazie della risposta, ho provato nelmodo in cui dici tu ma non funziona, lascio l'altra parte di codice

<a href="javascript:warp()"><img src="01.gif" name="targetimage" border=0></a>
<br><br>
<a href="#" onMouseover="changeimage(myimages[0],this.href)"><img src="01.gif" width="100" height="100" /></a><br>
<a href="#" onMouseover="changeimage(myimages[1],this.href)">Immagine 2</a><br>
<a href="#" onMouseover="changeimage(myimages[2],this.href)">Immagine 3</a>

</div>

claudioweb

Guardandolo di fretta non avevo controllato se quella parte di codice fosse sufficiente.

In effetti devi modificare anche gli eventuali url presenti direttamente nell'html e poi individuare l'array myimages[] e modificare gli indirizzi lì presenti.

ertulio

Scusa come faccio a modificare l'array myimage?

claudioweb

Scusa l'array è sempre lo stesso di prima, lascia perdere non avevo notato.
Comunque la mia prima risposta era sufficiente, guarda un esempio pratico completo.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<script language="javascript">

var myimages=new Array()
var gotolink="#"

function changeimage(towhat,url){
if (document.images){
document.images.targetimage.src=towhat.src
gotolink=url
}
}
function warp(){
window.location=gotolink
}

function preloadimages(){
for (i=0;i<preloadimages.arguments.length;i++){
myimages*=new Image()
myimages*.src=preloadimages.arguments*
}
}

preloadimages("http://www.google.it/intl/it_it/images/logo.gif","http://www.giorgiotave.it/forum/images/logo.jpg","http://newmedia.umaine.edu/images/Jon%20Ippolito/google_logo_halloween_d-(mip.jpg")
</script>
<body>

<a href="javascript:warp()"><img src="01.gif" name="targetimage" border=0></a>
<br><br>
<a href="#" onMouseover="changeimage(myimages[0],this.href)"><img src="https://www.google.com/accounts/mail.gif" width="100" height="100" /></a><br>
<a href="#" onMouseover="changeimage(myimages[1],this.href)">Immagine 2</a><br>
<a href="#" onMouseover="changeimage(myimages[2],this.href)">Immagine 3</a>

</div>
</body>
</html>

```Vedi... funziona... non so cosa sbagli...

ertulio

Perfetto funziona grazie 1000