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

sslollo

Utente Attivo
15 Gen 2004
45
1
0
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

Moderatore
5 Ago 2004
1.114
0
0
36
Sicilia
www.daviduccio.it
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

Utente Attivo
15 Gen 2004
45
1
0
daviduccio ha scritto:
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!!!!)
 
Discussioni simili
Autore Titolo Forum Risposte Data
C FP2003 - Ingrandire immagini piccole con click o al passaggio del mouse Webdesign e Grafica 1
E Come gestire al meglio le immagini legno grande formato Photoshop 0
M Random Immagini + Testi PHP 13
L form immagini per il database PHP 0
Ricky80 Coordinazione immagini HTML e CSS 4
P Percorsi e immagini. PHP 0
N Indicizzazione immagini su Google Google Search Console 0
L Import Immagini piattaforma IONIC Sviluppo app per Android 0
L Import massivo di immagini in tabelle piattaforma IONIC Presentati al Forum 1
P Script upload immagini jQuery 0
E Salvare immagini PHP 0
S problema salvataggio immagini Photoshop 0
R Immagini scontornate: che formato? HTML e CSS 4
A Sovrapposizione Immagini Photoshop 0
Cosina Mostrare immagini da una cartella, ma solo un numero definito PHP 12
Tommy03 Gestire dimensioni immagini PHP 4
M Aiuto con inserimento immagini WordPress 6
L Scmporre una foto dotata di varie immagini in piu layer Photoshop 2
M Impossibile visionare la immagini dall'App. IP Cam e Videosorveglianza 8
A Array di immagini Sviluppo app per Android 10
L Come spostare cartella immagini/video PHP 1
A Cornici immagini per sito Web Wordpress WordPress 1
M Semplice visualizzatore di immagini [risolto con plugin wp] PHP 7
R uploader di immagini e text PHP 0
S Importazione immagini PHP 3
beatle [Photoshop] problema inserimento immagini Photoshop 1
L [PHP] Invio Immagini PHP 1
I [PHP] generazione url "uguale" che punta a due immagini diverse PHP 0
W Immagini professionali a costi sostenibili Discussioni Varie 1
bluebirdoncanvas [Photoshop] problema dimensioni immagini o zoom Photoshop 0
andreas88 Immagini non leggibili dopo trasferimento alla scheda SD Smartphone e tablet 0
zorro Aggiunta di immagini al sito Leggi, Normative e Fisco 0
M [PHP] Selezionare immagini directory non presenti in db PHP 11
romeocharly [PHP] Script per rinominare in automatico le immagini inviate da ftp PHP 0
I [PHP] Immagini caricate su server diverse da quelle mostrate PHP 19
kiai969 Stesse immagini su WordPress SEO e Posizionamento 2
L [HTML] Problemino con le immagini di sfondo HTML e CSS 4
A [Photoshop] Ritagliare cerchi tutti uguali da diverse immagini Photoshop 2
F [PHP] Galleria immagini PHP 6
trattorino [PHP] problema entrata immagini insert PHP 1
L Trovare immagini belle per siti Discussioni Varie 1
L [Photoshop]Migliorare qualità immagini Photoshop 8
A [WordPress] Importare immagini in post WordPress 2
R [HTML] Immagini con link, uguali su tutte le pagine del sito HTML e CSS 3
S [WordPress] Recuperare l'url immagini in evidenza WordPress 0
F [Photoshop] sovrapporre due immagini usando funzione batch Photoshop 0
L [WordPress] Uso delle immagini di un tema WordPress 5
A [WordPress] Ridimensionare immagini preview della fotogallery WordPress 8
felino [PHP] Uploadify: upload immagini PHP 0
Andrea_Ventura [HTML] Realizzazione di un layout dinamico di immagini HTML e CSS 4

Discussioni simili