Forum Alsacréations : CSS et Standards Web

<?php include('img_shuffle.css.php'); ?>

<?php

$images_shuffle = array('include/images/image1.gif', 'include/images/image2.gif', 'include/images/image3.gif', 'include/images/image4.gif');

srand((float)microtime() * 1000000);

shuffle($images_shuffle);

?>

<style type="text/css" media="screen"><!--

/* Contenu du bloc CSS */

.class1 {

	background-image: url(<?php echo $images_shuffle[0]; ?>);

}

.class2 {

	background-image: url(<?php echo $images_shuffle[1]; ?>);

}

.class3 {

	background-image: url(<?php echo $images_shuffle[2]; ?>);

}

.class4 {

	background-image: url(<?php echo $images_shuffle[3]; ?>);

}

--></style>

Heyoan a écrit :
Salut,

tu pourrais faire comme ça :

* tout d'abord il faut renommer les fichiers index.htm en index.php.

* rajouter après la déclaration de ta (tes) feuille(s) CSS

<?php include('img_shuffle.css.php'); ?>

* Le fichier img_shuffle.css.php

<?php

$images_shuffle = array('include/images/image1.gif', 'include/images/image2.gif', 'include/images/image3.gif', 'include/images/image4.gif');

srand((float)microtime() * 1000000);

shuffle($images_shuffle);

?>

<style type="text/css" media="screen"><!--

/* Contenu du bloc CSS */

.class1 {

	background-image: url(<?php echo $images_shuffle[0]; ?>);

}

.class2 {

	background-image: url(<?php echo $images_shuffle[1]; ?>);

}

.class3 {

	background-image: url(<?php echo $images_shuffle[2]; ?>);

}

.class4 {

	background-image: url(<?php echo $images_shuffle[3]; ?>);

}

--></style>

A+

Ferris a écrit :


Merci de ta reponse, mais dans ton exemple, tu defini bien les images dans le array mais apres tu as 4 class ??

donc dans mon div final, je ne vois pas quel id ou class indiquer avec ta solution?

Heyoan a écrit :
Ben c'est à remplacer par les id ou class actuels que tu utilises pour positionner les images en background dans tes 4 éléments.

6l20 a écrit :

Il s'agit de la fonction rand, non ?

Ferris a écrit :
oppps je me suis mal expliqué..

J'ai 1 div et plusieurs images de fonds (4), je souhaite que dans ce div, au chargement, une image parmi les 4 soit choisie.

Heyoan a écrit :
Comme dirait l'ami Florent : Lisez les specs boudiou !

Heyoan a écrit :
hihihi ! Alors c'est Sylvain qui avait raison !