Visualizzazione risultati 1 fino 6 di 6

Discussione: Gallery con onmouseover

  1. 07-09-2011, 21.46.32 #1
    Guest

    Predefinito 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
    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
    Grazie a chiunque volesse dare una mano.
  2. 07-09-2011, 22.20.40 #2
    Guest

    Predefinito

    Prova a cambiare

    Codice HTML:
    document.display.src=photos[0]
    con

    Codice HTML:
    document.getElementById('display').src=photo[0];
  3. 09-09-2011, 16.00.48 #3
    Guest

    Predefinito

    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
  4. 09-09-2011, 17.05.05 #4
    Guest

    Predefinito

    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

    LiberoVento � 2011-2012 All Rights Reserved
    volevi mettere il simbolo di copyright, devi scrivre &copy;

    SApero di non aver dimenticato nulla
    Ultima modifica di simpleticket : 09-09-2011 alle ore 17.09.40
  5. 09-09-2011, 17.27.07 #5
    Guest

    Predefinito

    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.
  6. 09-09-2011, 17.40.08 #6
    Guest

    Predefinito

    Citazione Originalmente inviato da liberovento Visualizza messaggio
    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...
« Discussione precedente | Prossima discussione »

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •  

Regole del forum