8768 sujets

Développement web côté serveur, CMS

Déclencher un code php en appuyant sur un bouton image

Bonjour,

dans le cadre d'un projet, j'ai besoin d'afficher aléatoirement 3 images comme pour les machines à sous des casinos. j'arrive à afficher ces images avec de l'aléatoire pas de souci.
par contre je n'arrive pas à trouver comment faire pour que ma fonction rand se joue lorsque j'appui sur un bouton start. pendant 5 secondes le random doit se faire puis je dois afficher les images lièes au random.
je débute en php donc ce n'est pas facile pour moi de mettre tout cela en place et de trouver comment lier les éléments.
voici mon code PHP:

<HTML>
	<HEAD>
	<head><title>Ma page d'accueil</title>
	<link href="style/style.css" rel="stylesheet" type="text/css" />
	</head>
	<body style="background-image:url(background.png); background-repeat:no-repeat;">

<?php
echo '<img class="start" src="start.png" border="0" width="360px" />';
//lance la fonction randomise des 3 cylindres
$faces1 = rand(1, 6);
$faces2 = rand(1, 6);
$faces3 = rand(1, 6);
//bar numéro 1
if ($faces1 == 1) {
    $item1 = 'diamond';
	echo '<img class="bar1" src="diamant.png" border="0" />';
} elseif ($faces1 == 2) {
    $item1 = 'Cherry';
	echo '<img class="bar1" src="cerise.png" border="0" />';
} elseif ($faces1 == 3) {
    $item1 = 'Bar';
	echo '<img class="bar1" src="bar.png" border="0" />';
} elseif ($faces1 == 4) {
    $item1 = 'Seven';
	echo '<img class="bar1" src="7.png" border="0" />';
} elseif ($faces1 == 5) {
    $item1 = 'Double Bar';
	echo '<img class="bar1" src="bardouble.png" border="0" />';
} elseif ($faces1 == 6) {
    $item1 = 'Triple Bar';
	echo '<img class="bar1" src="bartriple.png" border="0" />';
} else {
   $item1 = 'Citron';
   echo '<img class="bar1" src="citron.png" border="0" />';
}
//bar numéro 2
if ($faces2 == 1) {
    $item2 = 'diamond';
	echo '<img class="bar2" src="diamant.png" border="0" />';
} elseif ($faces2 == 2) {
    $item2 = 'Cherry';
	echo '<img class="bar2" src="cerise.png" border="0" />';
} elseif ($faces2 == 3) {
    $item2 = 'Bar';
	echo '<img class="bar2" src="bar.png" border="0" />';
} elseif ($faces2 == 4) {
    $item2 = 'Seven';
	echo '<img class="bar2" src="7.png" border="0" />';
} elseif ($faces2 == 5) {
    $item2 = 'Double Bar';
	echo '<img class="bar2" src="bardouble.png" border="0" />';
} elseif ($faces2 == 6) {
    $item2 = 'Triple Bar';
	echo '<img class="bar2" src="bartriple.png" border="0" />';
} else {
   $item2 = 'Citron';
   echo '<img class="bar2" src="citron.png" border="0" />';
}
//bar numéro 3
if ($faces3 == 1) {
    $item3 = 'diamond';
	echo '<img class="bar3" src="diamant.png" border="0" />';
} elseif ($faces3 == 2) {
    $item3 = 'Cherry';
	echo '<img class="bar3" src="cerise.png" border="0" />';
} elseif ($faces3 == 3) {
    $item3 = 'Bar';
	echo '<img class="bar3" src="bar.png" border="0" />';
} elseif ($faces3 == 4) {
    $item3 = 'Seven';
	echo '<img class="bar3" src="7.png" border="0" />';
} elseif ($faces3 == 5) {
    $item3 = 'Double Bar';
	echo '<img class="bar3" src="bardouble.png" border="0" />';
} elseif ($faces3 == 6) {
    $item3 = 'Triple Bar';
	echo '<img class="bar3" src="bartriple.png" border="0" />';
} else {
   $item3 = 'Citron';
   echo '<img class="bar3" src="citron.png" border="0" />';
}
?>
</BODY>
</HTML>


Ainsi que le CSS:

.start {
position: absolute;
top:1280px;
left: 360px;
margin : none;
padding : none;
}



.bar1 {
position: absolute;
top:640px;
left: 80px;
margin : none;
padding : none;
}

.bar2 {
position: absolute;
top:640px;
left: 440px;
margin : none;
padding : none;
}

.bar3 {
position: absolute;
top:640px;
left: 800px;
margin : none;
padding : none;
}


Je vous remercie tous de votre aide
Sébastien
Hello!

Il y a un moyen plus rapide de faire ce que tu fais Smiley cligne

Tu renommes tes images avec le schéma suivant :
image_1.png (La cerise)
image_2.png (Le diamant)
image_3.png (Le bar)
...

Pourquoi ne pas faire un lien qui boucle sur la même page? Comme ça, ta page se chargera et relancera l'execution de ton script.

On peut imaginer un truc dans le genre:


<a href="index.php"><img src="..." alt="Démarrer le script" /></a>


Et tu fais la chose suivante en php :

// On arrête donc l’exécution du script pendant 5 secondes. Ça va mouliner.
sleep(5);

// On boucle trois fois, pour tes trois images.
for ($i = 1; $i <= 3; $i++) {
    //on affiche la bonne image, en fonction du random et de l'index    
    $imageRand= rand(1, 6);
    echo '<img class="bar'.$i.'" src="image_'.$imageRand.'.png" border="0" />';
}


Normalement ça devrait rouler Smiley cligne

Bye,
Yokii

Modifié par Yokii (26 Jun 2014 - 17:02)
Sujet clos
Aller à