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

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!!

arriere plan automatique

Langage PHP

Discussions similaires

Partager

Partager