CSS Background "aléatoire"
Fermé
alexislevrai
Messages postés
557
Date d'inscription
mercredi 20 août 2008
Statut
Membre
Dernière intervention
26 novembre 2015
-
6 mai 2009 à 16:10
valdoucalours Messages postés 4 Date d'inscription vendredi 18 novembre 2011 Statut Membre Dernière intervention 30 novembre 2011 - 18 nov. 2011 à 11:41
valdoucalours Messages postés 4 Date d'inscription vendredi 18 novembre 2011 Statut Membre Dernière intervention 30 novembre 2011 - 18 nov. 2011 à 11:41
A voir également:
- CSS Background "aléatoire"
- Windows 7 logon background changer - Télécharger - Thèmes & Fonds d'écran
- Background remover - Télécharger - Montage photo
- Tirage au sort excel aléatoire sans doublon ✓ - Forum Excel
- Retour à la ligne css - Forum CSS
- Taille bouton css - Forum HTML
23 réponses
valdoucalours
Messages postés
4
Date d'inscription
vendredi 18 novembre 2011
Statut
Membre
Dernière intervention
30 novembre 2011
9
18 nov. 2011 à 11:41
18 nov. 2011 à 11:41
Pour mettre un background image aléatoire je te conseil plutot d'utiliser javascript que php car c'est éxécuté du cotés client et c'est toujours ça à faire en moins pour ton serveur.
Smoking bird
Messages postés
870
Date d'inscription
mardi 11 mars 2008
Statut
Membre
Dernière intervention
10 juillet 2011
58
6 mai 2009 à 16:13
6 mai 2009 à 16:13
salut toi, la forme?^^
utilise php!
tu peux mettre tes images dans un dossier, demander à php de les récupérer dans un tableau et de sélectionner une valeur aléatoire dans ce tableau pour afficher l'image, bien entendu ce code devra générer une réponse dans un document php, donc ta règle css ne sera pas dans un fichier css^^
utilise php!
tu peux mettre tes images dans un dossier, demander à php de les récupérer dans un tableau et de sélectionner une valeur aléatoire dans ce tableau pour afficher l'image, bien entendu ce code devra générer une réponse dans un document php, donc ta règle css ne sera pas dans un fichier css^^
alexislevrai
Messages postés
557
Date d'inscription
mercredi 20 août 2008
Statut
Membre
Dernière intervention
26 novembre 2015
51
6 mai 2009 à 16:15
6 mai 2009 à 16:15
Ouais ca va nikel, et toi ?
OUTCH ! ce que tu me sort là est hardos, je suis pas sûr de pouvoir le générer :S
C'est comme ceci en fait ? https://forum.alsacreations.com/topic-1-36948-1-Background--CSS-aleatoire-suis-perdu.html
OUTCH ! ce que tu me sort là est hardos, je suis pas sûr de pouvoir le générer :S
C'est comme ceci en fait ? https://forum.alsacreations.com/topic-1-36948-1-Background--CSS-aleatoire-suis-perdu.html
Smoking bird
Messages postés
870
Date d'inscription
mardi 11 mars 2008
Statut
Membre
Dernière intervention
10 juillet 2011
58
6 mai 2009 à 16:19
6 mai 2009 à 16:19
ça va : o)
ça ressemble à ceci en effet^^, combien as tu d'images de fond pour ta sélec?
ça ressemble à ceci en effet^^, combien as tu d'images de fond pour ta sélec?
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
alexislevrai
Messages postés
557
Date d'inscription
mercredi 20 août 2008
Statut
Membre
Dernière intervention
26 novembre 2015
51
6 mai 2009 à 16:20
6 mai 2009 à 16:20
Pour le moment 3, mais j'en aurais tout au plus 5/6.
Smoking bird
Messages postés
870
Date d'inscription
mardi 11 mars 2008
Statut
Membre
Dernière intervention
10 juillet 2011
58
6 mai 2009 à 16:25
6 mai 2009 à 16:25
okay, voyons simple, tu t'y connais un peu en php?
si oui, on passe direct à la suite, sinon, j'te refais les fondamentaux rapides^^
tente ça, ça devrait fonctionner^^, si non on peaufine (je l'ai pas testé^^)
si oui, on passe direct à la suite, sinon, j'te refais les fondamentaux rapides^^
<DTD> <html> <head> <style type='text/css'> #contenu { background-image:url(' <?php $bckImg=array('image1.jpg','image2.jpg','image3.jpg','image4.jpg','image5.jpg','image6.jpg'); echo array_rand($bckImg); ?> '); } </style> </head> <body> </body> </html>
tente ça, ça devrait fonctionner^^, si non on peaufine (je l'ai pas testé^^)
alexislevrai
Messages postés
557
Date d'inscription
mercredi 20 août 2008
Statut
Membre
Dernière intervention
26 novembre 2015
51
6 mai 2009 à 16:29
6 mai 2009 à 16:29
Je pense comprendre; mais proposé si gentiment, je veux bien les fondamentaux rapidos :D
Smoking bird
Messages postés
870
Date d'inscription
mardi 11 mars 2008
Statut
Membre
Dernière intervention
10 juillet 2011
58
6 mai 2009 à 16:44
6 mai 2009 à 16:44
ptdr j'suis vénère, deezer vient de me planter opera -_-
bref, ce sera une version un peu plus expéditive du coup :s
Tous les docs concernés par ce code, ceux qui ont besoin d'une sélection aléatoire de background donc, doivent avoir l'extension .php (au lieu de html par exemple, je sais pas sur quoi tu travailles^^)
Un code php est interprété s'il se retrouve entre <?php et ?>, sinon il ne le sera pas. On peut mettre autre chose que du php dans ces balises d'ouverture et de fermeture, mais ça doit se plier aux règles du langage php
Exemple valide:
<?php
echo "<img src='tonimage.png'/>";
?>
exemple invalide:
<?php
<img src='tonimage.png'/>
?>
Dans les deux exemples on a du html, mais seul le premier est valide car c'est du html interprété par le php et renvoyé comme il faut^^
Donc, que fait le code que je t'ai écris?
Il sélectionne un champ aléatoire dans un tableau, un tableau qui contient le nom des images que tu utiliseras en background.
Ce code doit être placé dans la balise head, entre les balises <style type='text/css'> et </style>, histoire d'indiquer qu'on met du css (même s'il y a du php dedans, ce n'est pas contradictoire, mais c'est une autre histoire : o))
Concrètement:
on créé un tableau d'images ( array('image.jpg',...) ) qu'on place dans la variable $bckImg, qui nous permettra de se référer à ce tableau et de bosser dessus, et une fois qu'on a accès facilement à notre tableau, on récupère la valeur aléatoire avec la fonction array_rand($bckImg) (elle contient en argument le tableau qu'on a créé) et on l'affiche en faisant précéder cette fonction de echo
Besoin de plus amples explications? : o)
bref, ce sera une version un peu plus expéditive du coup :s
Tous les docs concernés par ce code, ceux qui ont besoin d'une sélection aléatoire de background donc, doivent avoir l'extension .php (au lieu de html par exemple, je sais pas sur quoi tu travailles^^)
Un code php est interprété s'il se retrouve entre <?php et ?>, sinon il ne le sera pas. On peut mettre autre chose que du php dans ces balises d'ouverture et de fermeture, mais ça doit se plier aux règles du langage php
Exemple valide:
<?php
echo "<img src='tonimage.png'/>";
?>
exemple invalide:
<?php
<img src='tonimage.png'/>
?>
Dans les deux exemples on a du html, mais seul le premier est valide car c'est du html interprété par le php et renvoyé comme il faut^^
Donc, que fait le code que je t'ai écris?
Il sélectionne un champ aléatoire dans un tableau, un tableau qui contient le nom des images que tu utiliseras en background.
Ce code doit être placé dans la balise head, entre les balises <style type='text/css'> et </style>, histoire d'indiquer qu'on met du css (même s'il y a du php dedans, ce n'est pas contradictoire, mais c'est une autre histoire : o))
Concrètement:
on créé un tableau d'images ( array('image.jpg',...) ) qu'on place dans la variable $bckImg, qui nous permettra de se référer à ce tableau et de bosser dessus, et une fois qu'on a accès facilement à notre tableau, on récupère la valeur aléatoire avec la fonction array_rand($bckImg) (elle contient en argument le tableau qu'on a créé) et on l'affiche en faisant précéder cette fonction de echo
Besoin de plus amples explications? : o)
alexislevrai
Messages postés
557
Date d'inscription
mercredi 20 août 2008
Statut
Membre
Dernière intervention
26 novembre 2015
51
6 mai 2009 à 17:06
6 mai 2009 à 17:06
Tes explications sont très claires ;)
Seulement ... ça ne veux pas ... j'ai ajouter ceci.
Seulement ... ça ne veux pas ... j'ai ajouter ceci.
<style type='text/css'> #contenu { background-image:url(' <?php $bckImg=array('http://www.ma-douce.fr/wp-content/themes/madouce/background/image_1.png','http://www.ma-douce.fr/wp-content/themes/madouce/background/image_2.png','http://www.ma-douce.fr/wp-content/themes/madouce/background/image_3.png','http://www.ma-douce.fr/wp-content/themes/madouce/background/image_4.png','http://www.ma-douce.fr/wp-content/themes/madouce/background/image_5.png','image6.jpg'); echo array_rand($bckImg); ?> '); position: absolute; width:1147px; height:734px; left: 50%; top:-1px; margin-left: -574px; } </style>
Smoking bird
Messages postés
870
Date d'inscription
mardi 11 mars 2008
Statut
Membre
Dernière intervention
10 juillet 2011
58
6 mai 2009 à 17:11
6 mai 2009 à 17:11
tu t'es planté là dessus : (en gras)
remplace par:
<style type='text/css'> #contenu { background-image:url(' <?php $bckImg=array('http://www.ma-douce.fr/wp-content/themes/madouce/background/image_1.png','http://www.ma-douce.fr/wp-content/themes/madouce/background/image_2.png','http://www.ma-douce.fr/wp-content/themes/madouce/background/image_3.png','http://www.ma-douce.fr/wp-content/themes/madouce/background/image_4.png','http://www.ma-douce.fr/wp-content/themes/madouce/background/image_5.png','image6.jpg'); echo array_rand($bckImg); ?> position: absolute; width:1147px; height:734px; left: 50%; top:-1px; margin-left: -574px; '); } </style>
remplace par:
<style type='text/css'> #contenu { background-image:url(' <?php $bckImg=array('http://www.ma-douce.fr/wp-content/themes/madouce/background/image_1.png','http://www.ma-douce.fr/wp-content/themes/madouce/background/image_2.png','http://www.ma-douce.fr/wp-content/themes/madouce/background/image_3.png','http://www.ma-douce.fr/wp-content/themes/madouce/background/image_4.png','http://www.ma-douce.fr/wp-content/themes/madouce/background/image_5.png','image6.jpg'); echo array_rand($bckImg); ?>'); position: absolute; width:1147px; height:734px; left: 50%; top:-1px; margin-left: -574px; } </style>
alexislevrai
Messages postés
557
Date d'inscription
mercredi 20 août 2008
Statut
Membre
Dernière intervention
26 novembre 2015
51
6 mai 2009 à 17:12
6 mai 2009 à 17:12
Mais même =(
http://ww12.ma-douce.fr
http://ww12.ma-douce.fr
Smoking bird
Messages postés
870
Date d'inscription
mardi 11 mars 2008
Statut
Membre
Dernière intervention
10 juillet 2011
58
6 mai 2009 à 17:16
6 mai 2009 à 17:16
okay je vois, remplace:
echo array_rand($bckImg);
?>
par
$img=array_rand($bckImg);
echo $img[0];
?>
et dis moi ce que ça fait^^
echo array_rand($bckImg);
?>
par
$img=array_rand($bckImg);
echo $img[0];
?>
et dis moi ce que ça fait^^
Smoking bird
Messages postés
870
Date d'inscription
mardi 11 mars 2008
Statut
Membre
Dernière intervention
10 juillet 2011
58
6 mai 2009 à 17:17
6 mai 2009 à 17:17
j'mé planté^^
si ça fonctionne pas, fais:
$img=array_rand($bckImg);
echo $bckImg[$img[0]];
?>
si ça fonctionne pas, fais:
$img=array_rand($bckImg);
echo $bckImg[$img[0]];
?>
alexislevrai
Messages postés
557
Date d'inscription
mercredi 20 août 2008
Statut
Membre
Dernière intervention
26 novembre 2015
51
6 mai 2009 à 17:18
6 mai 2009 à 17:18
Ca fait .... PAREIL ! =D
alexislevrai
Messages postés
557
Date d'inscription
mercredi 20 août 2008
Statut
Membre
Dernière intervention
26 novembre 2015
51
6 mai 2009 à 17:19
6 mai 2009 à 17:19
GRRRR, toujours pareil !
<style type='text/css'> #contenu { background-image:url(' <?php $bckImg=array('http://www.ma-douce.fr/wp-content/themes/madouce/background/image_1.png','http://www.ma-douce.fr/wp-content/themes/madouce/background/image_2.png','http://www.ma-douce.fr/wp-content/themes/madouce/background/image_3.png','http://www.ma-douce.fr/wp-content/themes/madouce/background/image_4.png','http://www.ma-douce.fr/wp-content/themes/madouce/background/image_5.png','image6.jpg'); $img=array_rand($bckImg); echo $bckImg[$img[0]]; ?>'); position: absolute; width:1147px; height:734px; left: 50%; top:-1px; margin-left: -574px; } </style>
Smoking bird
Messages postés
870
Date d'inscription
mardi 11 mars 2008
Statut
Membre
Dernière intervention
10 juillet 2011
58
6 mai 2009 à 17:28
6 mai 2009 à 17:28
c'est une technique nouvelle par rapport à celle que j'utilise d'habitude, c'est pour ça que le résultat est pas immédiat ;) j'expérimente :p
remplace:
$img=array_rand($bckImg);
echo $bckImg[$img[0]];
?>');
par:
echo $bckImg[array_rand($bckImg)];
?>');
remplace:
$img=array_rand($bckImg);
echo $bckImg[$img[0]];
?>');
par:
echo $bckImg[array_rand($bckImg)];
?>');
alexislevrai
Messages postés
557
Date d'inscription
mercredi 20 août 2008
Statut
Membre
Dernière intervention
26 novembre 2015
51
6 mai 2009 à 17:30
6 mai 2009 à 17:30
Ne te cherche pas des excuses ;)
Sinon ... le problème persiste =(
Sinon ... le problème persiste =(
Smoking bird
Messages postés
870
Date d'inscription
mardi 11 mars 2008
Statut
Membre
Dernière intervention
10 juillet 2011
58
6 mai 2009 à 17:41
6 mai 2009 à 17:41
ptdr j'te zut mon pote :D
#contenu {
background-image:url('
<?php
par
#contenu {
background-image:url('<?php
la sélection d'images se fait mais le saut à la ligne bloquait le délire^^
#contenu {
background-image:url('
<?php
par
#contenu {
background-image:url('<?php
la sélection d'images se fait mais le saut à la ligne bloquait le délire^^
alexislevrai
Messages postés
557
Date d'inscription
mercredi 20 août 2008
Statut
Membre
Dernière intervention
26 novembre 2015
51
6 mai 2009 à 17:44
6 mai 2009 à 17:44
Tu gère du Biftek mec !
Merci beaucoup ;)
Sinon, comme d'hab' si tu as besoin de quoi que ce soit pour de la créea visuelle, n'hésite pas ;)
Merci beaucoup ;)
Sinon, comme d'hab' si tu as besoin de quoi que ce soit pour de la créea visuelle, n'hésite pas ;)
Smoking bird
Messages postés
870
Date d'inscription
mardi 11 mars 2008
Statut
Membre
Dernière intervention
10 juillet 2011
58
6 mai 2009 à 17:47
6 mai 2009 à 17:47
ptdr :D j't'en prie^^
j'ai pas oublié pour la créa visuelle ;) j'te tiendrais au courant si besoin est^^
Et si t'as d'autres soucis, fais moi venir sur tes posts^^
j'ai pas oublié pour la créa visuelle ;) j'te tiendrais au courant si besoin est^^
Et si t'as d'autres soucis, fais moi venir sur tes posts^^