Ajax, image aléatoire
Fermé
sasha35
Messages postés
72
Date d'inscription
jeudi 12 mars 2009
Statut
Membre
Dernière intervention
15 mai 2009
-
29 avril 2009 à 16:34
sasha35 Messages postés 72 Date d'inscription jeudi 12 mars 2009 Statut Membre Dernière intervention 15 mai 2009 - 12 mai 2009 à 15:40
sasha35 Messages postés 72 Date d'inscription jeudi 12 mars 2009 Statut Membre Dernière intervention 15 mai 2009 - 12 mai 2009 à 15:40
A voir également:
- Ajax, image aléatoire
- Image iso - Guide
- Acronis true image - Télécharger - Sauvegarde
- Faststone image viewer - Télécharger - Visionnage & Diaporama
- Image iso windows 10 - Guide
- Comment agrandir une image - Guide
2 réponses
sasha35
Messages postés
72
Date d'inscription
jeudi 12 mars 2009
Statut
Membre
Dernière intervention
15 mai 2009
11
30 avril 2009 à 10:26
30 avril 2009 à 10:26
Petite correction à l'avant dernière ligne c'est echo($affich); et pas //echo($affich);
sasha35
Messages postés
72
Date d'inscription
jeudi 12 mars 2009
Statut
Membre
Dernière intervention
15 mai 2009
11
12 mai 2009 à 15:40
12 mai 2009 à 15:40
Bon, personne n'est venue mais j'ai fini par réussir grâce au gars du site du zéro.
Finalement tout est en javascript, mais on ne peut ajouter et retirer des images que si on modifie aussi un peu le code. Je ne vait pas fermer tout de suite le poste car j'ajouterais peut être une petite amélioration plus tard.
Pour ce que ça intéresse:
HTML:
<script src="templates/templatedebibi/traitement.js" type="text/javascript"></script>
Javascript:
window.onload = init;
function init() {
setTimeout ("image()", 1 );
}
function image() {
var date = new Date();
var mois = date.getMonth()+1;
var regexmois = /(\d{2})/;
if(regexmois.test(mois))
{
mois=mois;
}
else
{
mois="0"+mois;
}
var jour = date.getDate();
var regexjour = /(\d{2})/;
if(regexjour.test(jour))
{
jour=jour;
}
else
{
jour="0"+jour;
}
var aujourdui = mois+jour;
var select="0";
if((aujourdui >="0320") && (aujourdui<"0922"))
{
if((aujourdui>="0320") && (aujourdui<"0621"))
{//printemp
select="0";
}
else
{//été
select="1";
}
}
else
{
if((aujourdui>="0922") && (aujourdui<"1221"))
{//automne
select="2";
}
else
{//hiver
select="3";
}
}
//select="0";//sert à tester les saisons
var grille = new Array();
for(var i=0; i<5; i++){
grille[i] = new Array();
}
grille[0] = new Array("/images/printemp/arbre.jpg", "/images/printemp/photo1.jpg","/images/printemp/photo2.jpg","/images/printemp/photo3.jpg","/images/printemp/photo4.jpg");
grille[1] = new Array("/images/ete/fleur.jpg","/images/ete/photo5.jpg","/images/ete/photo6.jpg","/images/ete/photo7.jpg");
grille[2] = new Array("/images/automne/feuille.jpg","/images/automne/photo8.jpg","/images/automne/photo9.jpg","/images/automne/photo10.jpg");
grille[3] = new Array("/images/hiver/lac.jpg","/images/hiver/photo11.jpg","/images/hiver/photo12.jpg","/images/hiver/photo13.jpg");
var n = grille[select].length;
var nb = Math.floor((n)*Math.random());
var val = grille[select][nb];
document.getElementById('header_img').style.backgroundImage="url("+val+")";
setTimeout ("init()", 4999 );
}
Finalement tout est en javascript, mais on ne peut ajouter et retirer des images que si on modifie aussi un peu le code. Je ne vait pas fermer tout de suite le poste car j'ajouterais peut être une petite amélioration plus tard.
Pour ce que ça intéresse:
HTML:
<script src="templates/templatedebibi/traitement.js" type="text/javascript"></script>
Javascript:
window.onload = init;
function init() {
setTimeout ("image()", 1 );
}
function image() {
var date = new Date();
var mois = date.getMonth()+1;
var regexmois = /(\d{2})/;
if(regexmois.test(mois))
{
mois=mois;
}
else
{
mois="0"+mois;
}
var jour = date.getDate();
var regexjour = /(\d{2})/;
if(regexjour.test(jour))
{
jour=jour;
}
else
{
jour="0"+jour;
}
var aujourdui = mois+jour;
var select="0";
if((aujourdui >="0320") && (aujourdui<"0922"))
{
if((aujourdui>="0320") && (aujourdui<"0621"))
{//printemp
select="0";
}
else
{//été
select="1";
}
}
else
{
if((aujourdui>="0922") && (aujourdui<"1221"))
{//automne
select="2";
}
else
{//hiver
select="3";
}
}
//select="0";//sert à tester les saisons
var grille = new Array();
for(var i=0; i<5; i++){
grille[i] = new Array();
}
grille[0] = new Array("/images/printemp/arbre.jpg", "/images/printemp/photo1.jpg","/images/printemp/photo2.jpg","/images/printemp/photo3.jpg","/images/printemp/photo4.jpg");
grille[1] = new Array("/images/ete/fleur.jpg","/images/ete/photo5.jpg","/images/ete/photo6.jpg","/images/ete/photo7.jpg");
grille[2] = new Array("/images/automne/feuille.jpg","/images/automne/photo8.jpg","/images/automne/photo9.jpg","/images/automne/photo10.jpg");
grille[3] = new Array("/images/hiver/lac.jpg","/images/hiver/photo11.jpg","/images/hiver/photo12.jpg","/images/hiver/photo13.jpg");
var n = grille[select].length;
var nb = Math.floor((n)*Math.random());
var val = grille[select][nb];
document.getElementById('header_img').style.backgroundImage="url("+val+")";
setTimeout ("init()", 4999 );
}