Home News Guide Hardware Download Forum Glossario

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: Anthony47, Triumph Of Steel, archimede

Regole del forum
Rispondi al post

[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
Top
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: 2851
Iscritto il: 07/11/02 12:41
Località: Genova
Top

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
Top

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: 2851
Iscritto il: 07/11/02 12:41
Località: Genova
Top

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
Top

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: 2851
Iscritto il: 07/11/02 12:41
Località: Genova
Top
Rispondi al post

Torna a Programmazione


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

Calcolo numero giorni settimana nel periodo
Autore: Ricky0185 		Forum: Applicazioni Office Windows
Risposte: 16
Pixabay: tasto dx / Apri immagine in una nuova scheda
Autore: franco11 		Forum: Audio/Video e masterizzazione
Risposte: 3
Pixabay: Tasto dx/Apri immagine in un'altra scheda
Autore: franco11 		Forum: Software Windows
Risposte: 7
rimuovere immagine personalizzata bios mother board db75en i
Autore: Snt 		Forum: Discussioni
Risposte: 2
Come Ricavare una immagine dalla mia sottocartella e visuali
Autore: Maury170419 		Forum: Programmazione
Risposte: 3

Chi c’è in linea

Visitano il forum: Nessuno e 8 ospiti