Condividi:
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
di 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
di 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
-
di 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
di 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
-
di 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?
-
djspot1975
- Newbie
-
- Post: 3
- Iscritto il: 19/06/13 15:04
di 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
-
Torna a Programmazione
Topic correlati a "[javascript]Ruota immagine per giorno settimana (cliccabile)":
Chi c’è in linea
Visitano il forum: Nessuno e 9 ospiti