ABCc le forum des balades et des récits de voyages en camping car


 
AccueilCalendrierPublicationsFAQRechercherMembresGroupesS'enregistrerConnexion

Partagez | 
 

 Background en fonction du jour de la semaine

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
Admin
Admin


Messages : 105
Date d'inscription : 05/01/2016

MessageSujet: Background en fonction du jour de la semaine   Jeu 21 Avr - 19:15

la fonction

Il faut 7 images une par jour de la semaine.
Le code rendu étant 0 pour dimanche, 1 pour lundi ... 6 pour samedi

Code:

var d = new Date();
var n = d.getDay();

ce qui donne pour le script

Code:

$(function() {
var ladate, ladatej, lemois, lejour, lejoursem
a = ["http://i86.servimg.com/u/f86/19/42/25/35/42446810.jpg",
"http://i86.servimg.com/u/f86/19/42/25/35/39784510.jpg",
"http://i86.servimg.com/u/f86/19/42/25/35/40721410.jpg",
"http://i86.servimg.com/u/f86/19/42/25/35/40172810.jpg",
"http://i86.servimg.com/u/f86/19/42/25/35/9617710.jpg",
"http://i86.servimg.com/u/f86/19/42/25/35/9620710.jpg",
"http://i86.servimg.com/u/f86/19/42/25/35/31053110.jpg"];
ladate = new Date();
ladatej = ladate.getDate()-1;
lejour = ladate.getDate();
lemois = ladate.getMonth();
lejoursem = ladate.getDay();
$("body").css("background-image", "url("+a[lemois]+")")
});

Et le CSS se trouve ainsi (sans l'image elle même) :

Code:

body {
  Filter: Alpha(Opacity=20);
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
Revenir en haut Aller en bas Editeur reponse x..it
Voir le profil de l'utilisateur http://abcc.easyforum.fr
Admin
Admin


Messages : 105
Date d'inscription : 05/01/2016

MessageSujet: Re: Background en fonction du jour de la semaine   Ven 22 Avr - 14:18

Cette méthode marche très bien

Code:

var bg = new Array();    // Crée un tableau pour stocker nos URLs
bg.push('http://i86.servimg.com/u/f86/19/42/25/35/42446810.jpg');    // Ajoute l'URL de notre premier background
bg.push('http://i86.servimg.com/u/f86/19/42/25/35/39784510.jpg');
bg.push('http://i86.servimg.com/u/f86/19/42/25/35/40721410.jpg');
bg.push('http://i86.servimg.com/u/f86/19/42/25/35/40172810.jpg');
bg.push('http://i86.servimg.com/u/f86/19/42/25/35/9617710.jpg');
bg.push('http://i86.servimg.com/u/f86/19/42/25/35/31053110.jpg');
bg.push('http://i86.servimg.com/u/f86/19/42/25/35/40721410.jpg'); 

// ... autant d'images que vous le souhaitez

// On change le background du body une fois seulement que tout le DOM est chargé
$(function() {
    var date = new Date();
    var heure = date.getHours();
    var lejoursem = date.getDay();
    var lemois = date.getMonth();
    var urlBg = bg[lejoursem-1];    // Prend l'une des URLs du tableau au hasard
    $('body').css('background-image','url('+urlBg+')');    // L'affecte comme background-image au body
});
Revenir en haut Aller en bas Editeur reponse x..it
Voir le profil de l'utilisateur http://abcc.easyforum.fr
 
Background en fonction du jour de la semaine
Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» un semainier apprendre les jours de la semaine en douceur.
» Les pierres et les jours de la semaine
» Rentabilité exercice mixte avec libéral 1 jour, salariat 4 jours
» Semaine internationale du portage => code promo ;-)
» visite du 8eme jour

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Essais ABCc :: Votre 1ère catégorie :: Votre 1er forum-
Sauter vers: