immagini piccole che al passaggio del mouse si ingrandiscono...

[sslollo]

Salve a tutti!! Non è che sapete come faccio ad avere immagini piccole che al passaggio del mouse si ingrandiscono...
Visitate il sito di gardaland a questo indirizzo:
avanzate con un click sulla mano verde e vedete l'effetto!


http://www.gardaland.it/valle_re/default.htm


Capito? Le foto sono quelle piccole sopra e poi si ingrandiscono in un determinato punto dello schermo. Come posso fare???? Help!!!!!!!!!!!!!!!!!!

 

[daviduccio]

Questo è lo script:

<SCRIPT LANGUAGE="JavaScript">
<!--
if (document.images){

var n_names=20;

var name_on=new Array(n_names);
var name_off=new Array(n_names);
var image_on=new Array(n_names);
var image_off=new Array(n_names);
var image_width=new Array(n_names);
var image_height=new Array(n_names);

name_on[0]="../../img/valle_re/zoom01.jpg";
name_off[0]="../../img/valle_re/zoom01.jpg";

name_on[1]="../../img/valle_re/zoom02.jpg";
name_off[1]="../../img/valle_re/zoom02.jpg";

name_on[2]="../../img/valle_re/zoom03.jpg";
name_off[2]="../../img/valle_re/zoom03.jpg";

name_on[3]="../../img/valle_re/zoom04.jpg";
name_off[3]="../../img/valle_re/zoom04.jpg";

name_on[4]="../../img/valle_re/zoom05.jpg";
name_off[4]="../../img/valle_re/zoom05.jpg";

name_on[5]="../../img/valle_re/zoom06.jpg";
name_off[5]="../../img/valle_re/zoom06.jpg";

name_on[6]="../../img/valle_re/zoom07.jpg";
name_off[6]="../../img/valle_re/zoom07.jpg";

name_on[7]="../../img/valle_re/zoom08.jpg";
name_off[7]="../../img/valle_re/zoom08.jpg";


for(var i=0;i<n_names;i++) {
image_on=new Image();
image_on.src=name_on;
image_off=new Image();
image_off.src=name_off;
}
}

function seton(n,i) {
if (document.images){
document.images.src=image_on[n].src;
}
}

function setoff(n,i) {
if (document.images){
document.images.src=image_off[n].src;
}
}

//-->

</SCRIPT>


è questo è quello che devi applicare alle foto piccole:

<A HREF="#" OnMouseOver="seton(0,25);" OnMouseOut="setoff(0,25);"><img src="http://10.128.254.19/www.gardaland.itt/valle_re/html/../../img/valle_re/foto01.gif" width="46" height="36" border="0" align=left hspace=0 vspace=0></A>


Ciao.

 

[sslollo]

Questo è lo script:

<SCRIPT LANGUAGE="JavaScript">
<!--
if (document.images){

var n_names=20;

var name_on=new Array(n_names);
var name_off=new Array(n_names);
var image_on=new Array(n_names);
var image_off=new Array(n_names);
var image_width=new Array(n_names);
var image_height=new Array(n_names);

name_on[0]="../../img/valle_re/zoom01.jpg";
name_off[0]="../../img/valle_re/zoom01.jpg";

name_on[1]="../../img/valle_re/zoom02.jpg";
name_off[1]="../../img/valle_re/zoom02.jpg";

name_on[2]="../../img/valle_re/zoom03.jpg";
name_off[2]="../../img/valle_re/zoom03.jpg";

name_on[3]="../../img/valle_re/zoom04.jpg";
name_off[3]="../../img/valle_re/zoom04.jpg";

name_on[4]="../../img/valle_re/zoom05.jpg";
name_off[4]="../../img/valle_re/zoom05.jpg";

name_on[5]="../../img/valle_re/zoom06.jpg";
name_off[5]="../../img/valle_re/zoom06.jpg";

name_on[6]="../../img/valle_re/zoom07.jpg";
name_off[6]="../../img/valle_re/zoom07.jpg";

name_on[7]="../../img/valle_re/zoom08.jpg";
name_off[7]="../../img/valle_re/zoom08.jpg";


for(var i=0;i<n_names;i++) {
image_on=new Image();
image_on.src=name_on;
image_off=new Image();
image_off.src=name_off;
}
}

function seton(n,i) {
if (document.images){
document.images.src=image_on[n].src;
}
}

function setoff(n,i) {
if (document.images){
document.images.src=image_off[n].src;
}
}

//-->

</SCRIPT>


è questo è quello che devi applicare alle foto piccole:

<A HREF="#" OnMouseOver="seton(0,25);" OnMouseOut="setoff(0,25);"><img src="http://10.128.254.19/www.gardaland.itt/valle_re/html/../../img/valle_re/foto01.gif" width="46" height="36" border="0" align=left hspace=0 vspace=0></A>


Ciao.

Scusami tanto ma... non ci riesco... Dove si aprono queste immagini? Non è che con questo codice mi puoi fare una pagina HTML e poi me la invii così la posso modificare a mio piacimento? Io proprio non ci riesco così... Grazie mille del tuo aiuto (se mi vorrai aiutare, visto che è un grosso lavoro. Cmq grazie lo stesso!!!!)

 

[daviduccio]

Applichi lo script alla pagina, e al posto delle immagini presenti nello script, ci metti le tue! :fonzie:

Ciao.