banner a random

**jepers75** · 16-11-2006, 17:48

mi spiego meglio vorrei mettere 3 banner ognuno dei quali mi viene visualizzato per un certo tempo poi passa all'atro è possibile??
Grazie anticipatamente

**jepers75** · 17-11-2006, 01:41

forse cosi si capisce di +
È possibile impostare in Dreamweaver un "contenitore" entro cui caricare banner gif presenti nella cartella del sito in modo casuale? In modo che, ciascun visitatore, visualizzi un banner diverso ogni volta che entra nel sito
oppure dopo un certo periodo di tempo(20 secondi) ne carica un'altro e cosi via???
grazie

**nuky** · 17-11-2006, 10:07

Così fai entrambe le cose:

codice:

<html>
  <head>
    <script type="text/javascript">
      var vettore =
        new Array
          (
            new Array("http://www.sito1.it", "immagine1.jpg"),
            new Array("http://www.sito2.it", "immagine2.jpg"),
            new Array("http://www.sito3.it", "immagine3.jpg")
          );
      
      function randomBanner()
      {
        ruotaBanner();
        setInterval("ruotaBanner()", 20000); //Funzione eseguita ogni 20 secondi
      }

      function ruotaBanner() {
        var rnd = Math.floor(Math.random() * vettore.length); //Numero random intero compreso tra 0 e il limite superiore dell'array

        document.getElementById('myLink').href = vettore[rnd][0];
        document.getElementById('banner').src  = vettore[rnd][1];
      }
    </script>
  </head>

  <body onload="randomBanner();">
    <img id="myBanner" />
  </body>
</html>

**jepers75** · 17-11-2006, 18:11

ho provato ma non ci sono riuscito

ho fatto nel seguente modo:

<script type="text/javascript">
var vettore =
new Array
(
new Array("http://jepers.altervista.org/ban", "1.gif"),
new Array("http://jepers.altervista.org/ban", "unieuro1.png"),
new Array("http://jepers.altervista.org/ban", "pitagora.gif")
);

function randomBanner()
{
ruotaBanner();
setInterval("ruotaBanner()", 20000); //Funzione eseguita ogni 20 secondi
}

function ruotaBanner() {
var rnd = Math.floor(Math.random() * vettore.length); //Numero random intero compreso tra 0 e il limite superiore dell'array

document.getElementById('http://jepers.altervista.org').href = vettore[rnd][0];
document.getElementById('http://jepers.altervista.org/ban').src = vettore[rnd][1];
}
</script>

</head>
<body onload="randomBanner();">
<div align="center"><img id="ban" />
</div>
</body>

sono i 3 banner sotto http://jepers.altervista.org ne vorrei mettere uno a random

**nuky** · 20-11-2006, 09:58

Scusami, ci ho messo dentro un errorino nei nomi che ti ha mandato in confusione.
Alla funzione getElementById devi passare l'id inserito nel tag:

codice:

<html>
  <head>
    <script type="text/javascript">
      var vettore =
        new Array
          (
            new Array("http://www.sito1.it", "immagine1.jpg"),
            new Array("http://www.sito2.it", "immagine2.jpg"),
            new Array("http://www.sito3.it", "immagine3.jpg")
          );
      
      function randomBanner()
      {
        ruotaBanner();
        setInterval("ruotaBanner()", 20000); //Funzione eseguita ogni 20 secondi
      }

      function ruotaBanner() {
        var rnd = Math.floor(Math.random() * vettore.length); //Numero random intero compreso tra 0 e il limite superiore dell'array

        document.getElementById('myLink').href = vettore[rnd][0];
        document.getElementById('myBanner').src  = vettore[rnd][1];
      }
    </script>
  </head>

  <body onload="randomBanner();">
    <img id="myBanner" />
  </body>
</html>

Il percorso del link e dell'immagine devi inserirli solo nell'array.

**nuky** · 20-11-2006, 11:19

Così è più chiaro (spero) e generico:
Edit: inseriti nei relativi tag immagine e percorso di default. Utili per visualizzare comunque un banner fisso nel casoi in cui javascript fosse disabilitato.

codice:

<html>
  <head>
    <title>Rotazione casuale banner</title>
    <script type="text/javascript">
      var RITARDO_SECONDI = 20;
      var idLink   = "myLink";   //id del tag <a> contenente l'immagine da ruotare
      var idBanner = "myBanner"; //id del tag <img>
      
      //Inserire nell'array "vettoreBanner" le coppie percorsoLink, percorsoImmagine come nell'esempio.
      //N.B.: E' possibile inserire percorsi relativi o assoluti
      //      E' possibile inserire tante coppie percorso-immagine quante ne servono, non è necessaria nessuna ulteriore modifica
      var vettoreBanner =
        new Array
          (
            new Array("http://www.sito1.it", "immagine1.jpg"),
            new Array("http://www.sito2.it", "/immagini/immagine2.jpg"),
            new Array("pagina.htm", "immagine3.jpg")
          );
      

      window.onload = function randomBanner()
      {
        ruotaBanner(); //Inserimento del banner iniziale
        setInterval("ruotaBanner();", RITARDO_SECONDI * 1000); //Funzione eseguita ogni [RITARDO_SECONDI] secondi
      }

      function ruotaBanner() {
        var rnd = Math.floor(Math.random() * vettoreBanner.length); //Numero random intero compreso tra 0 e il limite superiore dell'array

        //Variazione di link e immagine del banner
        document.getElementById(idLink).href  = vettoreBanner[rnd][0];
        document.getElementById(idBanner).src = vettoreBanner[rnd][1];
      }
    </script>
  </head>

  <body>
    [img]immagineDiDeafult.jpg[/img]
  </body>
</html>

**jepers75** · 20-11-2006, 17:56

grazie ho risolto ugualmente però ti volevo chiedere aprendolo con firefox mozilla non ho problemi di alcun che ma con IE i banner me li blocca il pop-up in quanto script come faccio per ovviare a ciò......
grazie

**jepers75** · 20-11-2006, 18:31

ho risolto anche l'ultimo grazie

**bigrattle** · 29-11-2006, 15:04

ciao,
ho provato anche io questo script ma con Firefox2 non funziona...
non cambia la prima immagine, quella di default. anche provando a non inserirla non cambia nulla.
la pagina in cui l'ho provato è validata strict xhtml 1.0
qualche suggerimento?

**nuky** · 29-11-2006, 15:58

Ho provato con FF la pagina con quel doctype e non vedo problemi.
Hai impostato le variabili idLink e idBanner con i giusti valori?

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
  <head>
    <title>Rotazione casuale banner</title>
    <script type="text/javascript">
      var RITARDO_SECONDI = 2;
      var idLink   = "myLink";   //id del tag <a> contenente l'immagine da ruotare
      var idBanner = "myBanner"; //id del tag <img>
      
      //Inserire nell'array "vettoreBanner" le coppie percorsoLink, percorsoImmagine come nell'esempio.
      //N.B.: E' possibile inserire percorsi relativi o assoluti
      //      E' possibile inserire tante coppie percorso-immagine quante ne servono, non è necessaria nessuna ulteriore modifica
      var vettoreBanner =
        new Array
          (
            new Array("http://www.sito1.it", "http://forum.html.it/forum/images/hotlockfolder.gif"),
            new Array("http://www.sito2.it", "http://forum.html.it/forum/images/newfolder.gif"),
            new Array("pagina.htm", "http://forum.html.it/forum/images/hotfolder.gif")
          );
      

      window.onload = function randomBanner()
      {
        ruotaBanner(); //Inserimento del banner iniziale
        setInterval("ruotaBanner();", RITARDO_SECONDI * 1000); //Funzione eseguita ogni [RITARDO_SECONDI] secondi
      }

      function ruotaBanner() {
        var rnd = Math.floor(Math.random() * vettoreBanner.length); //Numero random intero compreso tra 0 e il limite superiore dell'array

        //Variazione di link e immagine del banner
        document.getElementById(idLink).href  = vettoreBanner[rnd][0];
        document.getElementById(idBanner).src = vettoreBanner[rnd][1];
      }
    </script>
  </head>

  <body>
    [img]immagineDiDeafult.jpg[/img]
  </body>
</html>

Discussione: banner a random

Strumenti discussione

Ricerca discussione

Visualizza

banner a random

Permessi di invio