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

    Slide immagini con link

    Ciao a tutti,
    ho uno script creato per far scorrere delle immagini a tempo all'interno di un <div> contenitore.
    Quello che mi occorre è una piccola modifica per impostare ad ogni immagine un link diverso, ma sono a digiuno di JavaScript e non so come uscirne.
    Questo è il codice:
    codice:
    <div style="text-align:center;">[img]percorsoprimaimmagine.jpg[/img]</div>
    <script language="Javascript" type="text/javascript">
    var secondi=1;
    var num=0;
    function CambiaImmagine() {
    	var immagini=new Array();
    	immagini[0]="percorsoprimaimmagine.jpg";
    	immagini[1]="percorsosecondaimmagine.jpg";
    	
    	document.getElementById("img").src=immagini[num];
    	num=(num+1>=immagini.length)?0:num+1;
    	setTimeout("CambiaImmagine()",secondi*1000);
    }	
    CambiaImmagine();
    </script>
    In pratica il codice che dovrebbe uscire in output è:
    codice:
    <div>[img]immagine.jpeg[/img]</div>
    che scorre cambiando link e immagine.

    Spero di ricevere aiuto perché anche provando a modificarlo non riesco a farlo funzionare.
    Grazie!

  2. #2
    Utente di HTML.it
    Registrato dal
    Oct 2009
    Messaggi
    636
    piccole modifiche:
    codice:
    <div style="text-align:center;">[img]percorsoprimaimmagine.jpg[/img]</div>
    <script language="Javascript" type="text/javascript">
    var secondi=1;
    var num=0;
    function CambiaImmagine() {
    	var immagini=new Array();
    	immagini[0]="percorsoprimaimmagine.jpg";
    	immagini[1]="percorsosecondaimmagine.jpg";
            var links = ['percorso.html', 'percorsosecondo.html'];
    	
    	document.getElementById("img").src=immagini[num];
            document.getElementById("lnk").href=links[num];
    	num=(num+1>=immagini.length)?0:num+1;
    	setTimeout("CambiaImmagine()",secondi*1000);
    }	
    CambiaImmagine();
    </script>

  3. #3
    Il tuo codice funziona a meraviglia...Grazie!!
    Ora vorrei solo aggiungere un target blank ai link per farli aprire in una pagina diversa...dove aggiungo il parametro?

  4. #4
    Utente di HTML.it
    Registrato dal
    Oct 2009
    Messaggi
    636
    codice:
    ...<a href='percorso.html' target='_blank' ...

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.