Visualizzazione dei risultati da 1 a 10 su 10
  1. #1

    ingrandimento immagini al momento del click

    ho una pagina in cui faccio vedere n thumbnail; ogni thumbnail è così formattata:
    codice:
    <td><img name="image0">
    <div id="pluto">[img]../img/C6/P17/P1th.bmp[/img]
    
    [img]../img/C6/P17/P2th.bmp[/img]
    
    [img]../img/C6/P17/P3th.bmp[/img]
    
    </div>
    e la funzione loadimage è questa:
    codice:
    function loadImage(imageName,imageFile)
    {
      if ((!document.images) || loadingImage) return;
      loadingImage = true;
      if (document.images[imageName].src.indexOf(imageFile)<0)
      {
        document.images[imageName].src = imageFile;
      }
      loadingImage = false;
    }
    quindi, cliccando su un'immagine piccola, mi dovrebbe aprire nell'img con name=image0 l'immagine in dimensioni reali, solo che non succede niente cliccandoci sopra...e non ottengo nessun errore...


    sapete dirmi dove sbaglio?
    l'esempio l'ho preso da questo piccolo tutorial: http://www.cryer.co.uk/resources/javascript/script3.htm




    grazie mille per ogni aiuto!
    Talvolta anche una persona apparentemente inutile si rivela un abile samurai dalla forza di mille uomini, dimostrando di poter rinunciare alla vita e che il suo cuore si è completamente identificato con quello del suo padrone

  2. #2
    non è vero che non ottengo errori...


    ora vedo scritto: riga 7 carattere 3 document.images[...].src è nullo o non è un oggetto :master:
    Talvolta anche una persona apparentemente inutile si rivela un abile samurai dalla forza di mille uomini, dimostrando di poter rinunciare alla vita e che il suo cuore si è completamente identificato con quello del suo padrone

  3. #3
    Mi sembra che nelle immagini non hai specificato l'attributo name...
    dA .. foto di viaggio
    L'esperienza è il tipo di insegnante più difficile.
    Prima ti fa l'esame, e poi ti spiega la lezione.

  4. #4
    ma stando al codice della funzione non è sufficiente che il nome stia solo sull'immagine grande?


    comunque il nome l'ho messo ma non cambia nulla
    Talvolta anche una persona apparentemente inutile si rivela un abile samurai dalla forza di mille uomini, dimostrando di poter rinunciare alla vita e che il suo cuore si è completamente identificato con quello del suo padrone

  5. #5
    Anche nel link che hai postato mette i name alle immagini...deve perche se no non puo recuperare l'oggetto per cambiargli il src.
    Hai messo i name differenti? image0, image1, etc?
    dA .. foto di viaggio
    L'esperienza è il tipo di insegnante più difficile.
    Prima ti fa l'esame, e poi ti spiega la lezione.

  6. #6
    si esatto...questo è il codice completo della mia pagina, ora non ottengo più errori, ma cliccando su un immagine non succede niente:

    codice:
    <script language="JavaScript">
    var loadingImage = false;
    function loadImage(imageName,imageFile)
    {
      if ((!document.images) || loadingImage) return;
      loadingImage = true;
      if (document.images[imageName].src.indexOf(imageFile)<0)
      {
        document.images[imageName].src = imageFile;
      }
      loadingImage = false;
    }
    loadImage('image0','img/interna/C6/P17/P1th2.bmp');</script>
    <table width="100%">
    <tr>
    <td><div id="pippo"><img name="image0"></div></td>
    </tr>
    <tr>
    <td><div id="pluto">
    [img]img/interna/C6/P17/P1th.bmp[/img]
    
    [img]img/interna/C6/P17/P2th.bmp[/img]
    
    [img]img/interna/C6/P17/P3th.bmp[/img]
    </div></td>
    </tr>
    </table>
    cioè, io vedo le thumb, ma se ci clicco sopra non vedo l'immagine grande. Sai aiutarmi?



    grazie mille delle risposte finora
    Talvolta anche una persona apparentemente inutile si rivela un abile samurai dalla forza di mille uomini, dimostrando di poter rinunciare alla vita e che il suo cuore si è completamente identificato con quello del suo padrone

  7. #7
    Devi cambiare il name anche nell'argomento della funzione. In teoria modificato quello deve funzionare.
    dA .. foto di viaggio
    L'esperienza è il tipo di insegnante più difficile.
    Prima ti fa l'esame, e poi ti spiega la lezione.

  8. #8
    come all'argomento della funzione?

    quello in teoria deve rimanere sempre image0, perché io voglio che l'immagine grande si apra proprio nell'image0


    comunque, mi sa che erano le condizioni che mi facevano sballare, perché ora ho trasformato la funzione loadImage semplicemente così:
    codice:
    function loadImage(imageName,imageFile)
    {
        document.images[imageName].src = imageFile;
    }

    e funziona, quindi il problema sta nel capire come mai le condizioni facevano sì che non entrassi nell'if...any idea?
    Talvolta anche una persona apparentemente inutile si rivela un abile samurai dalla forza di mille uomini, dimostrando di poter rinunciare alla vita e che il suo cuore si è completamente identificato con quello del suo padrone

  9. #9
    Ok, non avevo colto che volessi tenere lo stesso target

    L'errore è generato perche lanci la funzione prima che sia creato l'oggetto immagine. Quindi, il codice che hai tra i tag script mettilo tra i tag <head> blabla <script>codice</script></head> e poi modifica l'ultima tiga in questo modo.
    codice:
    onload=function(){loadImage('image0','img/interna/C6/P17/P1th2.bmp')}
    e vediamo
    dA .. foto di viaggio
    L'esperienza è il tipo di insegnante più difficile.
    Prima ti fa l'esame, e poi ti spiega la lezione.

  10. #10
    ok ho messo il richiamo alla prima funzione sull'onload e funzica!


    grazie mille!






    ciauzzzz
    Talvolta anche una persona apparentemente inutile si rivela un abile samurai dalla forza di mille uomini, dimostrando di poter rinunciare alla vita e che il suo cuore si è completamente identificato con quello del suo padrone

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.