Discussion :

[Big_Ju]

Salut,
Débutant en PHP j'ai besoin de votre aide.
J'aimerais afficher 3 images différentes de manière aléatoire, ces trois images proviennent d'un même dossier, et je ne veux pas trouver 2 fois la même image en même temps.

J'ai trouvé ce code qui marche :

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
<?php
$path = 'images/'; // chemin vers le dossier contenant tes images (ne pas oublier le slash final)
$tab = scandir($path); // Place tes images dans un tableau
$tab = array_slice($tab, 2); // J'avais oublier que scandir listait . et .. donc on les vires aussi
shuffle($tab); // Mélange le tableau
$tab = array_slice($tab, 0, 3); // Garde les 3 premières images
?>
 
<div id="Espace_foto">
	<div id="SMEspace_foto">
		<?php
		// Enfin on fait une boucle du tableau pour l'affichage	
		//echo '<div class="float_foto">';
		foreach($tab as $img)
		echo '<div class="float_foto"><img src="'.$path.$img.'" alt="" /> ';
		echo '</div>';
		?>
	</div>
</div>

Cependant il m'affiche mes images à la suite, alors que j'aimerais que ces trois images s'affichent dans trois endroits bien différent, car je souhaite que chacune de ces images ai un style CSS bien particulier.

Merci d'avance pour votre aide.

[lizardman]

Selon moi :
tu mets tes images en position:absolute et en javascript tu fais une fonction qui qui renseigne leurs coordonnée css de manière aléatoire ( random() ) en faisant attention à ce qu'il n'y ai pas de recouvrement et en définissant des bords etc..

[Big_Ju]

Je ne suis pas sur qu'on ce soit compris, et il est vrai qu'il est difficile de se faire comprendre lorsqu'on a un problème comme celui ci ^^, mais je vais réessayer. Avant tout merci de porter une oreille attentive à mon problème.

En fait ces 3 images seront toujours positionner au même endroit sur ma page, elles auront chacune une rotation différente. Et donc j'aurais aimé pouvoir afficher chacune de ces 3 images dans 3 div différentes.

Est ce que je suis clair dans mes propos? Est ce que c'est possible de faire ça, et surtout comment faire?

Merci d'avance

[Celira]

Si je comprends bien, la partie "sélection aléatoire" fonctionne bien, c'est l'affichage proprement dit qui pose problème. C'est bien ça ?

[Big_Ju]

Oui c'est bien ça, est ce que tu peux m'aider à trouver la solution à mon problème Celira?

[Celira]

Si tu veux un rendu différent par image, le plus simple serait de faire une classe CSS par image, et ensuite de jouer avec le css pour obtenir l'effet souhaité.

Code css :

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

1
2
3
4
5
6
7
8
9
#image_1{
    border: 1px solid red;
}
#image_2{
    border: 1px solid green;
}
#image_3{
    border: 1px solid blue;
}

Code php :

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

1
2
3
4
5
$cpt = 1;
foreach($tab as $img) {
    echo '<div id="image_'.$cpt.'"><img src="'.$path.$img.'" alt="" /></div>';
    $cpt++;
}

(bon là j'ai juste mis des bordures pour différencier les images, mais après il faut adapter le css à ce que tu veux faire)

[Big_Ju]

Merci, Merci bien de m'aider, ce que tu m'as donné comme réponse faisait exactement ce que je voulais. Mais je crois que mon cas est plus compliqué que ça.

Voici le début de mon code pour que tu comprenne mieux ce que j'ai besoin de faire (j'aurais du commencer par là) :

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
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
<div id="bandeau_banniere_flottante" style="display: block;">
 
				<div class="container_pub_flottante">
					<div id="pub_flottante_main_container_1">
						<a href="" title "" alt "">
						<img src="images/<?php echo rand(1,6);?>.jpg" alt="Random Image" /></a>
 
					</div>
					<div id="pub_flottante_entete_1"></div>
				<div id="pub_flottante_prix_1">
					<span class="prix_pub_flottante">
					<?php echo _PRIX1; echo _MONNAIE;?></span></br>
					<span class="convertisseur"><?php echo _CONVERTISSEUR; echo _MONNAIE2;?></span>
				</div>
				</div>
 
 
				<div class="container_pub_flottante">
					<div id="pub_flottante_main_container_2">
						<a href="" title "" alt "">
							<img src="images/<?php echo rand(1,6);?>.jpg" alt="Random Image" /></a>
					</div>
					<div id="pub_flottante_entete_2"></div>
				<div id="pub_flottante_prix_2">
					<span class="prix_pub_flottante"><?php echo _PRIX2; echo _MONNAIE;?></span></br>
					<span class="convertisseur"><?php echo _CONVERTISSEUR2; echo _MONNAIE2;?></span>
				</div>
				</div>
 
			<div class="container_pub_flottante">
					<div id="pub_flottante_main_container_3">
						<a href="" alt "">
							<img src="images/<?php echo rand(1,6);?>.jpg" alt="Random Image" /></a>
					</div>
					<div id="pub_flottante_entete_3"></div>
				<div id="pub_flottante_prix_3">
					<span class="prix_pub_flottante"><?php echo _PRIX3; echo _MONNAIE;?></span></br>
					<span class="convertisseur"><?php echo _CONVERTISSEUR3; echo _MONNAIE2;?></span>
				</div>
				</div>
 
			<div id="pub_flottante_entete_4"></div>
		</div>

En fait je souhaite faire un module de publicité verticale, qui affiche donc trois images différentes à partir d'un même dossier, comme c'est trois images doivent être indépendante le soucis c'est qu'il y a des doublons avec la technique j'ai écris ici.

Elles doivent vraiment se trouver dans les trois div que j'ai crée plus haut parce que dessus ces images s'affiche un prix, et un badge de réduction.
Et ce prix doit afficher le prix de l'image qu'il montre.

Il me faudrait un tableau avec une boucle qui prend une image au hasard dans le fichier vérifie qu'elle n'est pas déjà affiché, si elle est déjà afficher il en prend une autre sinon il l'affiche. Tout ça c'est bien beau mais je ne sais pas comment faire.

Je suis vraiment dépassée là dessus et ce serait vraiment cool si toi Celira tu pourrais m'aider ou même quelqu'un d'autre parce que moi j'ai pas la solution et je commence a désespérer.

Merci d'avance

[transgohan]

Je suis pas fan du multi-posting mais bon... Autant te poster ici aussi la réponse cela en aidera sans doute d'autres.

Tu créés un array d'images que tu mélanges avec la fonction shuffle().
Puis avec array_shift() tu extrais les 3 premières images.
Pas besoin de boucle si tu assignes à une variable différente que tu codes statiquement dans tes divs.

[Big_Ju]

Merci pour ta réponse transgohan mais je ne comprend pas bien ta dernière phrase : "Pas besoin de boucle si tu assignes à une variable différente que tu codes statiquement dans tes divs. "

Parce que j'ai déjà fais un array images avec la fonction shuffle() mais le soucis avec cette technique c'est que mes 3 images s'affichait en un seul et même bloc, et non pas en 3 images bien distinctes...

J'ai l'impression de toucher au but sans l’atteindre, c'est très frustrant...

[transgohan]

Code :

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

1
2
3
4
shuffle($monArray);
$img1 = array_shift($monArray);
$img2 = array_shift($monArray);
$img3 = array_shift($monArray);

Qu'est ce qui t'empêche d'utiliser par la suite ces trois variables où tu le souhaites ?

[Big_Ju]

Justement c'est ce que j'ai fais, mais mon soucis maintenant c'est de faire un array() sur un nombre de fichier inconnu (parce que le nombre de photo dans le dossier varie chaque jour) et donc je ne connais pas non plus le nom des images au jour le jour.

Ou bien il faudrait un array(concernant les images1 a 8000 par exemple).
Je ne sais pas trop.

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
<?php
 
    $myarray = array ( '1', '2', '3', '4' );
    shuffle ( $myarray );
 
    $imageA = array_shift ( $myarray );
    $imageB = array_shift ( $myarray );
    $imageC = array_shift ( $myarray );
 
    // puis tu écris tes div de cette manière ou d'une autre.
    echo    "<div id='pub_flottante_main_container_1'>" .
            "<a href='' title='' alt=''>" .
            "<img src='images/" . $imageA . ".jpg' alt='Random Image' />" .
            "</a>" .
            "</div>"
?>

Est ce que quelqu'un pourrait m'aider pour mon array() inconnu et infini ^^

Merci bien

[Big_Ju]

C'est bon j'ai enfin résolu mon problème merci à ceux qui m'ont aider. Voici mon code pour les prochains qui en auront besoin.

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
25
26
</head>
	<body>
 
		<?php
		$path = 'images/'; // chemin vers le dossier contenant tes images (ne pas oublier le slash final)
	$tab = scandir($path); // Place tes images dans un tableau
	$tab = array_slice($tab, 2); // J'avais oublier que scandir listait . et .. donc on les vires aussi
	shuffle($tab); // Mélange le tableau
	$tab = array_slice($tab, 0, 3); // Garde les 3 premières images				
 
    $imageA = array_shift ( $tab );// une image pour chacune de mes div
    $imageB = array_shift ( $tab );
    $imageC = array_shift ( $tab );
 
	?>
 
 
		<div id="bandeau_banniere_flottante" style="display: block;">
 
 
				<div class="container_pub_flottante">
					<?php   echo    "<div id='pub_flottante_main_container_1'>" .
            "<a href='' title='' alt=''>" .
            "<img src='images/" . $imageA . "' alt='Random Image' />" .
            "</a>" .
            "</div>" ?>