arriere plan automatique

la_lvlouche · 08/02/2011, 22h08

Bonjour,
je voudrai savoir si il est possible de mettre un fond d'ecran qui se change aléatoirement au gré des connexions.
Une fois on aura le fond1.jpg, la fois suivante le fond4.jpg... est ce possible de faire cela?

Merci a vous d'avance.

Vil'Coyote · 08/02/2011, 22h46

fond d'écran de pc ou de site web?
pour le site oui mais en php ou javascript éventuellement mais pas en html pure.

la_lvlouche · 09/02/2011, 13h58

Oui biensur de site web, désolé de ne pas avoir précisé.
Mais en php ou en javascript cela est possible alors?
(Si il faut déplacer le topic au bon endroit du forum merci de m'indiquer comment faire svp)

Thes32 · 10/02/2011, 09h43

Citation:

Envoyé par la_lvlouche

Mais en php ou en javascript cela est possible alors?

Oui, bien sur

la_lvlouche · 10/02/2011, 19h56

De quelle facon faut il s'y prendre?
car on modifie du css...?
Merci d'avance

ABCIWEB · 11/02/2011, 01h11

Puisqu'on est dans le forum php, une solution php consiste à mettre les adresses de tes images de background dans un tableau, de mélanger le tableau puis de prendre le premier élément de la liste.

soit

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
<?php
 
$tab_background = array();
 
$tab_background[] = 'images/fichier1.jpg';
$tab_background[] = 'images/fichier2.jpg';
$tab_background[] = 'images/fichier3.jpg';
$tab_background[] = 'images/fichier4.jpg';
$tab_background[] = 'images/fichier5.jpg';
 
shuffle($tab_background); // mélange les éléments du tableau
?>

et dans la feuille de style incorporée

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<style type="text/css">
#div1 {
background:url(<?php echo $tab_background[0];?>);
}
</style>

Si tu veux utiliser une feuille de style externe, il faut qu'elle ait l'extension php et envoyer un header adéquat, exemple :

Feuille de style php nommée par exemple css.php :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<?php header('Content-type: text/css');
 
$tab_background = array();
 
$tab_background[] = 'images/fichier1.jpg';
$tab_background[] = 'images/fichier2.jpg';
$tab_background[] = 'images/fichier3.jpg';
$tab_background[] = 'images/fichier4.jpg';
$tab_background[] = 'images/fichier5.jpg';
 
shuffle($tab_background);
 
 
?>
 
#div1 {
margin-left:2em;
border : 1px solid black;
background:url(<?php echo $tab_background[0];?>);
}
 
#mon_div2 {
padding : 3em;
}

(j'ai rajouté d'autres lignes pour l'exemple)

L'entête html de la page faisant appel à la feuille de style php est "normale" :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="css.php" rel="stylesheet" type="text/css" />
<title>Document sans nom</title>
</head>

Inutile de préciser qu'il faut que le serveur interprète le php.

Par contre la page appelant cette feuille de style php peut avoir ou non l'extension php, cad ça fonctionne aussi sur des fichiers avec l'extension .html

EDIT : une dernière chose pour la feuille de style externe, l'adresse de tes images (si tu n'utilise pas des adresses absolues) doit être indiquée par rapport à la feuille de style. En fait la feuille de style est d'abord interprétée par php puis ensuite inclue dans le fichier appelant (c'est pour cette raison que cela fonctionne aussi avec les fichiers appelant ayant l'extension .html)

la_lvlouche · 11/02/2011, 13h46

Merci beaucoup ABCIWEB!!

08/02/2011, 22h08	#1
la_lvlouche Invité de passage Inscription : février 2008 Messages : 32 Détails du profil Informations forums : Inscription : février 2008 Messages : 32 Points : 1 Points : 1	arriere plan automatique Bonjour, je voudrai savoir si il est possible de mettre un fond d'ecran qui se change aléatoirement au gré des connexions. Une fois on aura le fond1.jpg, la fois suivante le fond4.jpg... est ce possible de faire cela? Merci a vous d'avance.
	00

08/02/2011, 22h46	#2
Vil'Coyote Modérateur Développeur Web Inscription : février 2008 Messages : 3 302 Détails du profil Informations personnelles : Âge : 31 Localisation : France, Marne (Champagne Ardenne) Informations professionnelles : Activité : Développeur Web Informations forums : Inscription : février 2008 Messages : 3 302 Points : 4 480 Points : 4 480	fond d'écran de pc ou de site web? pour le site oui mais en php ou javascript éventuellement mais pas en html pure.
	00

09/02/2011, 13h58	#3
la_lvlouche Invité de passage Inscription : février 2008 Messages : 32 Détails du profil Informations forums : Inscription : février 2008 Messages : 32 Points : 1 Points : 1	Oui biensur de site web, désolé de ne pas avoir précisé. Mais en php ou en javascript cela est possible alors? (Si il faut déplacer le topic au bon endroit du forum merci de m'indiquer comment faire svp)
	00

10/02/2011, 19h56	#5
la_lvlouche Invité de passage Inscription : février 2008 Messages : 32 Détails du profil Informations forums : Inscription : février 2008 Messages : 32 Points : 1 Points : 1	De quelle facon faut il s'y prendre? car on modifie du css...? Merci d'avance
	00

11/02/2011, 13h46	#7
la_lvlouche Invité de passage Inscription : février 2008 Messages : 32 Détails du profil Informations forums : Inscription : février 2008 Messages : 32 Points : 1 Points : 1	Merci beaucoup ABCIWEB!!
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email