Visualizzazione dei risultati da 1 a 7 su 7

Discussione: Click e cambio img

  1. #1

    Click e cambio img

    esempio:




    vorrei creare uno script che al click del type button (1 2 3 ecc) mi cambi le img (es mona lisa)senza refreshare la pagina.
    a ogni img assegnerò un URL diverso..

    qualcuno mi sa aiutare?

    grazie a tutti

  2. #2
    Utente di HTML.it
    Registrato dal
    Feb 2003
    Messaggi
    1,965
    dal largo della mia ignoranza in js...

    l'immagine da cambiare sarà qualcosa tipo
    codice:
    [img]img1.jpg[/img]
    le immagini (o bottoni) avranno un evento onclick:
    codice:
    onclick="javascript:aggiorna_immagine("1");"
    e nell'head avrai una funzione come
    codice:
    <script type="text/javascript">
    <!--
    function aggiorna_immagine(i){
        document.getElementById("imm").src="img"+i+".jpg";
    }
    -->
    </script>

  3. #3
    ok perfetto, ora trovo difficoltà ad assegnare ad ogni img un url diverso, e a cambiare sempre in javascript le didascalie che ogni foto ha

  4. #4
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    cambierei cosi'
    codice:
    function aggiorna_immagine(lnk){
      document.getElementById("imm").src=lnk.href;
      document.getElementById("descr").innerHTML=lnk.title;
    }
    codice:
    [img]fermaposto.jpg[/img]
    <div id="descr"></div>
    1
    2
    ...
    ciao

  5. #5
    Originariamente inviato da Xinod
    cambierei cosi'
    codice:
    function aggiorna_immagine(lnk){
      document.getElementById("imm").src=lnk.href;
      document.getElementById("descr").innerHTML=lnk.title;
    }
    codice:
    [img]fermaposto.jpg[/img]
    <div id="descr"></div>
    1
    2
    ...
    ciao
    così facendo dovrei avere già a video l'img 1 2..invece è sempre l'img1 che viene cambiata..il primo script funziona a dovere. la cosa che non riesco a fare è cambiare la frase che abbino alla foto.. cioè nell'esempio tra l'img e i bottoni vorrei mettere la descrizione,però con il tuo esempio non ci riesco...
    spero di essere stato chiaro

  6. #6
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    Originariamente inviato da ultrasflavio
    spero di essere stato chiaro
    capito nulla

  7. #7
    Utente di HTML.it
    Registrato dal
    Feb 2003
    Messaggi
    1,965
    L'importante è capire il funzionamento.
    Una volta che sai che per cambiare l'immagine devi modificare il percorso cui punta attraverso
    document.getElementById("idimmagine").src = "nuovo_percorso"
    o altri metodi, e che dovresti attivare la modifica in risposta ad eventi, cosa ti serve sapere?

    Qual è l'impedimento algoritmico?

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.