Valutazione 4.87/ 5 (100.00%) 5838 voti

Condividi:        

[javascript]Ruota immagine per giorno settimana (cliccabile)

Problemi di HTML? Di PHP, ASP, .NET, JSP, Perl, SQL, JavaScript, Visual Basic..?
Vuoi realizzare programmi in C, C++, Java, Ruby o Smalltalk, e non sai da che parte cominciare?
Entra qui e troverai le risposte!

Moderatori: Triumph Of Steel, archimede

[javascript]Ruota immagine per giorno settimana (cliccabile)

Postdi djspot1975 » 19/06/13 15:37

Salve a tutti e complimenti per questo favoloso forum.
Qualcuno conosce uno scriptino che mi permetta di :
Avere una immagine diversa ogni giorno... ok, ma questa immagine deve essere cliccabile e portare ad un link da me stabilito.
Grazie a tutti un saluto....
djspot1975
Newbie
 
Post: 3
Iscritto il: 19/06/13 15:04

Sponsor
 

Postdi archimede » 23/06/13 09:57

Codice: Seleziona tutto
<html>
<head>
<meta http-equiv="Content-type" content="text/html;charset=UTF-8">
<title>Test rotazione immagini</title>
<script type="text/javascript">
  var immagini = [ { "descr": "Desc",
                     "href": "http://www.google.com/",
                     "nome": "img1.jpg"
                   },
                   { "descr": "Desc",
                     "href": "http://www.google.com/",
                     "nome": "img2.jpg"
                   },
                   { "descr": "Desc",
                     "href": "http://www.google.com/",
                     "nome": "img3.jpg"
                   },
                   { "descr": "Desc",
                     "href": "http://www.google.com/",
                     "nome": "img4.jpg"
                   },
                   { "descr": "Desc",
                     "href": "http://www.google.com/",
                     "nome": "img5.jpg"
                   },
                   { "descr": "Desc",
                     "href": "http://www.google.com/",
                     "nome": "img6.jpg"
                   },
                   { "descr": "Desc",
                     "href": "http://www.google.com/",
                     "nome": "img7.jpg"
                   }
                 ];

  var oggi = new Date();
  giorno = oggi.getDay();

  window.onload = function()
                  { document.getElementById('ruotaImg').setAttribute('src', immagini[giorno].nome);
                    document.getElementById('ruotaImg').setAttribute('title', immagini[giorno].descr);
                    document.getElementById('imgLink').setAttribute('href', immagini[giorno].href);
                  };
</script>
</head>
<body>
<a id="imgLink"><img id="ruotaImg" /></a>
</body>
</html>
HTH.

Alessandro
archimede
Moderatore
 
Post: 2755
Iscritto il: 07/11/02 12:41
Località: Genova

Postdi djspot1975 » 05/07/13 11:07

fantastico funziona, ora mi sento in colpa, perché dovrei chiederti un'altra cosettina se tu volessi ovviamente......
Invece della mezzanotte (trattandosi di un locale notturno), avrei la necessità che l'orario partisse alle 03.00, in quanto chi a mezzanotte guarda il link è ancora nella serata in corso (ad esempio a mezzanotte e mezza), non so se mi sono spiegato bene, comunque è una ficata, non credevo si potesse.
g r a z i e
djspot1975
Newbie
 
Post: 3
Iscritto il: 19/06/13 15:04

Postdi archimede » 06/07/13 08:35

Codice: Seleziona tutto
<html>
<head>
<meta http-equiv="Content-type" content="text/html;charset=UTF-8">
<title>Test rotazione immagini</title>
<script type="text/javascript">
var immagini = [ { "descr": "Desc",
                   "href": "http://www.google.com/",
                   "nome": "img1.jpg"
                 },
                 { "descr": "Desc",
                   "href": "http://www.google.com/",
                   "nome": "img2.jpg"
                 },
                 { "descr": "Desc",
                   "href": "http://www.google.com/",
                   "nome": "img3.jpg"
                 },
                 { "descr": "Desc",
                   "href": "http://www.google.com/",
                   "nome": "img4.jpg"
                 },
                 { "descr": "Desc",
                   "href": "http://www.google.com/",
                   "nome": "img5.jpg"
                 },
                 { "descr": "Desc",
                   "href": "http://www.google.com/",
                   "nome": "img6.jpg"
                 },
                 { "descr": "Desc",
                   "href": "http://www.google.com/",
                   "nome": "img7.jpg"
                 }
               ];

var oggi = new Date();
var ora = oggi.getHours();
var giorno = oggi.getDay();

if (ora < 4)
{
   if (giorno === 0)
      giorno = 6;
   else
      giorno = giorno - 1;
}

window.onload = function()
                { document.getElementById('ruotaImg').setAttribute('src', immagini[giorno].nome);
                  document.getElementById('ruotaImg').setAttribute('title', immagini[giorno].descr);
                  document.getElementById('imgLink').setAttribute('href', immagini[giorno].href);
                };
</script>
</head>
<body>
  <a id="imgLink"><img id="ruotaImg" /></a>
</body>
</html>
HTH.

Alessandro
archimede
Moderatore
 
Post: 2755
Iscritto il: 07/11/02 12:41
Località: Genova

Postdi djspot1975 » 04/03/14 11:33

Salve a tutti, grazie sul serio, funziona.

Se volessi ridimensionare l'immagine in larghezza ed altezza? Quali attributi dovrei aggiungere a questo script? :roll:
djspot1975
Newbie
 
Post: 3
Iscritto il: 19/06/13 15:04

Postdi archimede » 04/03/14 18:56

djspot1975 ha scritto:Se volessi ridimensionare l'immagine
Nel senso che tutte le img devono avere la stessa dimensione per qualsiasi giorno o che vuoi specificare una dimensione diversa per ciascun giorno?

Alessandro
archimede
Moderatore
 
Post: 2755
Iscritto il: 07/11/02 12:41
Località: Genova


Torna a Programmazione


Topic correlati a "[javascript]Ruota immagine per giorno settimana (cliccabile)":


Chi c’è in linea

Visitano il forum: Nessuno e 2 ospiti