Gallery con onmouseover

Printable View

07-09-2011, 21.46.32

Gallery con onmouseover

Ciao a tutti. Sto sperimentando uno dei miei primi javascript.
Il concetto è di creare un riquadro in cui l'immagine varia passando su un elenco di thumbnail sottostanti.
Finora ho provato questo, ma purtroppo non varia proprio niente :crycry:
LA PARTE ARRAY JAVASCRIPT (inserita nel head)

Codice:

<script language="text/javascript"> var photos=newArray(); photos[0]="Gallery Images/Immagini/1.jpg" photos[1]="Gallery Images/Immagini/2.jpg" photos[2]="Gallery Images/Immagini/3.jpg" photos[3]="Gallery Images/Immagini/4.jpg" photos[4]="Gallery Images/Immagini/5.jpg" photos[5]="Gallery Images/Immagini/6.jpg" photos[6]="Gallery Images/Immagini/7.jpg" photos[7]="Gallery Images/Immagini/8.jpg" </script>

LA PARTE HTML (inserita nel body):

Codice HTML:

<div align="center" style="border-color:#FFF; border-width: 1px; width: 580px; height: 400px; margin-left: 20px;"><img name="display" src="Gallery Images/Immagini/1.jpg" /></div><br /> <p><a href="Gallery Images/Immagini/1.jpg" onmouseover="document.display.src=photos[0];"><img src="Gallery Images/Thumbs/1.jpg" alt="2" height="100" width="149" /></a> <a href="Gallery Images/Immagini/2.jpg" onmouseover="document.display.src=photos[1];"><img src="Gallery Images/Thumbs/2.jpg" alt="1" height="100"width="149" /></a></p>

Dentro il div, c'è l'immagine che dovrebbe variare e le due sottostanti sono le thumbnail con onmouseover, come credo capirete in quanto più esperti di me :)

Inoltre ho aggiunto un preload delle foto presenti nella gallery:

Codice HTML:

<body onload="MM_preloadImages('Gallery Images/Immagini/1.jpg','Gallery Images/Immagini/2.jpg','Gallery Images/Immagini/3.jpg','Gallery Images/Immagini/4.jpg','Gallery Images/Immagini/5.jpg','Gallery Images/Immagini/6.jpg','Gallery Images/Immagini/7.jpg','Gallery Images/Immagini/8.jpg',)">

Ovviamente mancano immagini che non ho inserito in quanto prima vorrei far funzionare lo script :wink:
Grazie a chiunque volesse dare una mano.
07-09-2011, 22.20.40

Prova a cambiare

Codice HTML:

document.display.src=photos[0]

con

Codice HTML:

document.getElementById('display').src=photo[0];
09-09-2011, 16.00.48

Ho provato ma continua a non esserci nessuna risposta. Ho provato a aggiungere id="display" oltre al name="display" sulla immagine di referenza.
Può centrare qualcosa il fatto che l'immagine che deve variare abbia inizialmente una src già specificata?
Non ho idea di cosa manchi, non dovrebbe essere una cosa complessa..

Grazie.

P.S. Se servisse dare un'occhiata alla pagina, è questa: http://liberovento.altervista.org/Ja...t%20PROVA.html
09-09-2011, 17.05.05

Ho dato un'occhiata al sorgente della pagina linkata e di errori ne ho visti parecchi.

1. Nell'onLoad del body sistema i riferimenti alle immagini del menu (alcune fanno riferimento alla posizione nel tuo pc), e togli l'ultima virgola prima di chiudere la parentesi.

2. Nello script dove dichiari 'array photos non è language="text/javascript" ma type="text/javascript". Se vuoi aggiungere anche language il valore è "javascript".

3.

Codice HTML:

var photos = newArray();

è sbagliato. Devi scrivere

Codice HTML:

var photos = new Array();

(due parole).

4. dopo ogni riga in cui setti il valore nell'arry non hai messo il punto e virgola. Così è come se la riga (e quindi l'istrusione) non fosse finita.

5. quando setti il nuovo src usi photo[x] mentre prima hai dichiarato photos[x]. Usa i nomi correttamente.

6. Se alla fine dove scrivi

Citazione:

LiberoVento � 2011-2012 All Rights Reserved

volevi mettere il simbolo di copyright, devi scrivre ©

SApero di non aver dimenticato nulla :wink:
09-09-2011, 17.27.07

simpeticket, sei stato incredibilmente gentile :O Grazie infinite per tutte le sviste che hai corretto, che in effetti sono tante.. Devo ancora esercitarmi abbastanza con la sintassi javascript (e non solo XP).
Grazie: magicamente lo script funziona. Tutti i tuoi in realtà sono consigli perché credo che il problema davvero operativo fosse solo il punto 5 (che è nettamente fondamentale) :)

grazie ancora.
09-09-2011, 17.40.08

Citazione:

Originalmente inviato da liberovento

simpeticket, sei stato incredibilmente gentile :O Grazie infinite per tutte le sviste che hai corretto, che in effetti sono tante.. Devo ancora esercitarmi abbastanza con la sintassi javascript (e non solo XP).
Grazie: magicamente lo script funziona. Tutti i tuoi in realtà sono consigli perché credo che il problema davvero operativo fosse solo il punto 5 (che è nettamente fondamentale) :)

grazie ancora.

No, non è solo il n. 5.
Se non metti lo spazio tra new e Array(), al punto 3, non funziona lo stesso.
Se non metti i punti e virgola di cui al n. 4, per esempio, non funziona lo stesso.

Se vuoi che le cose funzionino devi prestare la massima attenzione.
Non basta un circa, occorre l'uguaglianza...