CONNEXION
  • RetourJeux
    • Sorties
    • Hit Parade
    • Les + populaires
    • Les + attendus
    • Soluces
    • Tous les Jeux
    • Gaming
  • RetourActu Gaming
    • News
    • Astuces
    • Tests
    • Previews
    • Toute l'actu gaming
  • RetourBons plans
    • Bons plans
    • Bons plans Smartphone
    • Bons plans Hardware
    • Bons plans Image et Son
    • Bons plans Amazon
    • Bons plans Cdiscount
    • Bons plans Decathlon
    • Bons plans Fnac
    • Tous les Bons plans
  • RetourJVTech
    • Actus High-Tech
    • Intelligence Artificielle
    • Smartphones
    • Mobilité urbaine
    • Hardware
    • Image et son
    • Tutoriels
    • Tests produits High-Tech
    • Guides d'achat High-Tech
    • JVTech
  • RetourCulture
    • Actus Culture
    • Culture
  • RetourVidéos
    • A la une
    • Gaming Live
    • Vidéos Tests
    • Vidéos Previews
    • Gameplay
    • Trailers
    • Chroniques
    • Replay Web TV
    • Toutes les vidéos
  • RetourForums
    • Hardware PC
    • PS5
    • Switch 2
    • Xbox Series
    • Switch
    • Pokemon pocket
    • FC 25 Ultimate Team
    • League of Legends
    • Tous les Forums
  • PC
  • PS5
  • Xbox Series
  • Switch 2
  • PS4
  • One
  • Switch
  • iOS
  • Android
  • MMO
  • RPG
  • FPS
En ce moment Genshin Impact Valhalla Breath of the wild Animal Crossing GTA 5 Red dead 2
Liste des sujets

Problème background aléatoire

Boiteuse
Boiteuse
Niveau 6
23 novembre 2009 à 10:47:20

Bonjour.

Ma mission bidouille du jour consistait à rendre aléatoire le background de mon site parmi quelques images dédiées. Actuellement, avec une seule image, ça donne ça au niveau de la feuille de style:

body { background: #FFF url('images/back8-4.jpg') no-repeat top left fixed; margin: 0 0 20px 0; padding: 0; font-family: Verdana, sans-serif; font-size: 0.95em; color: #000; line-height: 1.5em; }

Les autres images seraient la back8-5.jpg, back8-6.jpg, back8-7.jpg (hébergées au même endroit), et ainsi de suite (les plus anciennes versions ne m'intéressent plus).

J'ai appris "sur le tas" en "observant et recopiant"; du coup, sans exemple concret sous le nez cette fois-ci, ni code "d'exemple" pour m'aider, je me retrouve dans la panade.

Je dispose déjà d'un code pour que l'image correspondant à un lien sur la barre latérale du site soie aléatoire (c'est un ami qui me l'avait préparé), mais je me trouve incapable de le réutiliser pour le background tant les modifications me semblent conséquentes, je ne sais même pas OU le mettre dans ma feuille de style. Le code qui je pensais recycler d'une façon ou d'une autre est celui-ci:

<?php
$images = array("img98.imageshack.us/img98/8877/krlun6",
"img180.imageshack.us/img180/209/kawaiiradiologo31
cm0",
"img293.imageshack.us/img293/4944/kawaiiradiologo4
5pl6",
"img293.imageshack.us/img293/418/kawaiiradiologo48
mc6",
"img244.imageshack.us/img244/9752/kawaiiradiologo1
31kl7");
$randomlist = $images[array_rand($images)];
?>
<a href="http://kawaii-radio.net/"><img src="http://<?php echo $randomlist; ?>.jpg"/>

Est-ce seulement possible de se baser dessus pour l'usage que je voudrais en faire?

Bunyan
Bunyan
Niveau 17
23 novembre 2009 à 11:31:40

Si tu veux obligatoirement passer par le CSS et le Php, ce lien devrait t'intéresser pour ton soucis :
http://www.journaldunet.com/developpeur/tutoriel/php/050218-php-css-dynamique.shtml

Pour l'aléatoire, la fonction "rand" (abréviation de "random", hasard).

Sinon, c'est du javascript, mais ça fera peut-être un peu lourd (et compliqué).

Boiteuse
Boiteuse
Niveau 6
23 novembre 2009 à 13:25:48

Merci mais ça, ça ne m'aide absolument pas et ça ne résout pas mon problème :-)))

Je veux juste savoir où (après avoir mis les bonnes adresses des images, mais ça je sais faire) coller mon code n°2 dans mon code n°1 en gros... enfin en admettant que ce soie la bonne méthode, mais je ne vois pas pourquoi je ne pourrais pas mettre un bout de php sur une feuille de style en css...

deepblue
deepblue
Niveau 16
23 novembre 2009 à 14:20:54

<?php
$images = array(
"img1.jpg",
"img2.jpg",
"img3.jpg"
);

$randomlist = $images[array_rand($images)];
?>

<style type="text/css">

  1. truc {

background:url(<?php echo $randomlist; ?>);
}
</style>

Sous forums
  • Aide à l'achat Mac
  • Macintosh
  • Création de sites web
  • Création de Jeux
  • Linux
  • Programmation
  • Internet
  • Steam Deck
  • Hardware