Visualizzazione dei risultati da 1 a 5 su 5
  1. #1
    Utente di HTML.it
    Registrato dal
    Nov 2005
    Messaggi
    87

    JavaScript: modificare link con un bottone...

    Ciao a tutti!
    Sono nuovo del Forum e pongo subito quello che per me, che non conosco ancora un tubo di javascript, è un problema insormontabile...
    Sto costruendo una galleria immagini Web abbastanza semplice (a parte che l'ho trovata su questo sito!) ma ho una modifica sostanziale.
    A questo codice:
    codice:
    <FORM name=galleria>
    <div align="center">Ingrandisci
    
    
    
    
    <input onClick=indietro() type=button value="<< indietro" name=B2>[img]boffalora/intro.jpg[/img]
    <SCRIPT language=JavaScript1.1>
    
    var photos=new Array()
    var which=0
    
    photos[0]="intro.jpg"
    photos[1]="1small.jpg"
    photos[2]="2small.jpg"
    photos[3]="3small.jpg"
    photos[4]="4small.jpg"
    
    
    function indietro(){
    if (which>0){
    window.status='Prima immagine'
    which--
    document.images.intro.src=photos[which]
    }
    }
    function avanti(){
    if (which<photos.length-1){
    which++
    document.images.intro.src=photos[which]
    }
    else window.status='Fine delle immagini'
    }
          </SCRIPT>
            <input onClick=avanti() type=button value="avanti >>" name=B1>
            
    
            
    
          Ricomincia </p>
        </div>
    </FORM></CENTER>
    <SCRIPT language=JavaScript>
    <!--
    var SymRealOnLoad;
    var SymRealOnUnload;
    
    function SymOnUnload()
    {
      window.open = SymWinOpen;
      if(SymRealOnUnload != null)
         SymRealOnUnload();
    }
    
    function SymOnLoad()
    {
      if(SymRealOnLoad != null)
         SymRealOnLoad();
      window.open = SymRealWinOpen;
      SymRealOnUnload = window.onunload;
      window.onunload = SymOnUnload;
    }
    
    SymRealOnLoad = window.onload;
    window.onload = SymOnLoad;
    
    //-->
    </SCRIPT>
    vorrei aggiungere una modifica di questo tipo:
    - creare un link con il classico <a href...name=ingrandisci> sull'immagine e fare in modo che, quando premuto uno dei tasti, il collegamento di questo cambi a sua volta (così che le immagini che scorro fungono da anteprime!).

    Ho trovato, con qualche ricerca, la possibilità di utilizzare qualcosa tipo
    codice:
    document.anchor.ingrandisci.href=""
    , ma questo funziona solamente su Mozilla e non su IE...

    Cosa posso fare?!
    Grazie!

  2. #2
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    prova assegnando un id al tag <a>
    e, nello script
    document.getElementById('id_link').href='ingrandit a.jpg'
    ciao

  3. #3
    Utente di HTML.it
    Registrato dal
    Nov 2005
    Messaggi
    87
    Scusami, ma...non capisco!
    Cosa intendi come "assegnare un ID"?!

    Puoi scrivermi le righe di codice da modificare?
    Grazie dell'aiuto!

  4. #4
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    <a href="#" id="id_link">

  5. #5
    Utente di HTML.it
    Registrato dal
    Nov 2005
    Messaggi
    87
    OK, grazie! Ho risolto...
    Ho capito il tuo "script" ed ho fatto una leggera modifica:
    codice:
    <a href="#" id="id_link">
    [img]intro.jpg[/img]</a>
    
    <script language=JavaScript1.1>
    var photos=new Array()
    var grande=new Array()
    var which=0
    
    photos[0]="intro.jpg"
    photos[1]="1small.jpg"
    photos[2]="2small.jpg"
    photos[3]="3small.jpg"
    photos[4]="4small.jpg"
    grande[1]="1.jpg"
    grande[2]="2.jpg"
    grande[3]="3.jpg"
    grande[4]="4.jpg"
    
    function indietro(){
      if (which>0){
        which--
        window.status=''
        document.images.intro.src=photos[which]
        if (which==0) {
          window.status='Prima immagine'
          document.getElementById('id_link').href='#'
        } else
          document.getElementById('id_link').href=grande[which]
      }
    }
    function avanti(){
      if (which<photos.length-1){
        which++
        window.status=''
        document.images.intro.src=photos[which]
        document.getElementById('id_link').href=grande[which]
      } else
        window.status='Fine delle immagini'
    }
    </script>
    Funziona, ma...è corretta!?!
    Grazie ancora!!!

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.