Discussion :

[Kerweb]

Bonjour,

Je suis en train de monter une maquette de test.
En gros voilà à quoi ça ressemble schématiquement :



Le principe : En arrivant sur l'index, une variable aléatoire permet d'avoir une image de fond correspondante (ça ça devrait pas poser problème)
Quand on clique n'importe où, j'ai un bloc qui s'affiche avec des liens en fonction de cette variable aléatoire, donc ça pas de problèmes non plus, mais c'est pour l'affichage de ce bloc que je... bloque jutement ^^. Comment faire pour qu'il s'affiche n'importe où (en gros quand on clique dans les parties blanches) ?
Également, quand on clique sur la phrase d'accroche (ou une image, je sais pas encore ce que ça va être), ça changera le visuel de fond, et donc le bloc de lien qui s'affichera. Le plus simple est de recharger cette page ? (en prenant en compte un paramètre différent de celui déjà présent, pour éviter de retomber sur le même).

[SirDarken]

Tu vas devoir utiliser php (pour le coté aléatoire) et javascript pour l'évenement.
L'attribut onclick(), qui affichera une fonction javascript prérempli par php(en fonction de la variable aléatoire).

Aprés je sais pas si un background est soumi au onclick() à tester.

[Kerweb]

J'ai réussi à faire mon bordel de cette façon :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
<?php
	$table = array("fond1","fond2","fond3","fond4");
	$var_alea = rand(0,count($table)-1);
?>
 
...
 
<a href="JavaScript:location.reload(true);"><img src="recharger.png" border="0" /></a>
 
...
 
<div id="bg"><img src="portail_img/fonds/<?=$table[$var_alea]?>.jpg" alt="IKKS" width="100%"></div>

En gros au chargement de la page, je prend une variable au hasard, qui correspond exactement au nom de l'image qui sera affichée en dessous.
Et le clic sur l'image de rechargement permet de changer le fond (enfin c'est au hasard donc possible de retomber sur le même fond avec cette méthode).

C'est un peu bidouillage mais ça marche très bien.

Seul soucis, maintenant il faut que la 1ère fois où on arrive sur la page, que ça soit toujours le fond1 qui s'affiche en 1er. Ensuite si rechargement on peut avoir les autres.
Vous voyez comment je pourrais faire ?

[SirDarken]

Je ne voie que les variables de sessions.

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
 
<?php
             session_start();//Obliger d'etre la premiere commande!
             $table = array("fond1","fond2","fond3","fond4");
             if(isset($_SESSION['var'])){ //si elle éxiste deja donc inclue une première fois
	  $var_alea = rand(0,count($table)-1);
             }
             else{
               $var_alea = 0;
               $_SESSION['var'] = 0;
            }
?>
 
...
 
<a href="javascript:location.reload(true);"><img src="recharger.png" border="0" /></a>
 
...
 
<div id="bg"><img src="portail_img/fonds/<?=$table[$var_alea]?>.jpg" alt="IKKS" width="100%"></div>

Comme tu le voie tu peux même stocker la dernière valeur et du coup faire un pseudo-aléatoire qui évite que 2 fois la même couleur s'affiche.
Si par hzard ca te parle pas les sessions je t'invite à consulter les tutos ici, c'est là ou j'ai appris à m'en servir ^^.

[Kerweb]

Parfait, j'ai compris le principe et ça marche bien.
Je sais pas trop bien utiliser les sessions encore mais je vais m'y mettre.

Merci bien !

[Kerweb]

Je reviens un peu sur mon problème. Si je veux avoir la 1ère fois "fond1", puis "fond2", puis "fond3", puis "fond4", puis re-"fond1", c'est faisable avec cette méthode ?

[SirDarken]

Et bien oui, tu fait une incrémentation à chaque chargement de ta page, et si c'est le dernier aprés l'affichage (ou avant suivant comment tu travail) tu remet à la valeur initial l'incrément.

[alband85]

Et bien oui, tu fait une incrémentation à chaque chargement de ta page, et si c'est le dernier aprés l'affichage (ou avant suivant comment tu travail) tu remet à la valeur initial l'incrément.

Plutôt qu'utiliser une condition, je verrais plutôt un modulo :

Code PHP :

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

$var = (($var+1) % (count(table)-1))

C'est un peu plus concis

[Kerweb]

Oula "modulo", c'est quoi cette bête là ?

J'ai tenté avec modulo mais j'ai l'impression que ça boucle à l'infini

[Kerweb]

J'ai refais un truc à la "bourrinage" :

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
if((!isset($_SESSION['var']))||($_SESSION['var'] == 0)){
		$var_alea = 'ikks-women';
		$_SESSION['var'] = 1;
	}elseif($_SESSION['var'] == 1){
		$var_alea = 'ikks-men';
		$_SESSION['var'] = 2;
	}elseif($_SESSION['var'] == 2){
		$var_alea = 'ikks-very-girls';
		$_SESSION['var'] = 3;
	}elseif($_SESSION['var'] == 3){
		$var_alea = 'ikks-the-boys';
		$_SESSION['var'] = 0;
	}
 
...
 
<div id="bg"><img src="portail_img/fonds/<?=$var_alea?>.jpg" alt="IKKS" width="100%" border="0"></div>

Techniquement ça marche mais bon, j'imagine que le truc est pas super optimisé.

[alband85]

Le modulo, c'est une fonction qui au couple (a, b) d'entiers associe le reste r de la division euclidienne de a par b. On le note en PHP "%".

Mathématiquement, on écrit :
a = b * q + r où q est un entier.

Ainsi (on prend par exemple ici b = 4) :
0 % 4 = 0 (0 = 0 * 4 + 0)
1 % 4 = 1 (1 = 0 * 4 + 1)
2 % 4 = 2 (2 = 0 * 4 + 2)
3 % 4 = 3 (3 = 0 * 4 + 3)
4 % 4 = 0 (4 = 1 * 4 + 0)
5 % 4 = 1 (5 = 1 * 4 + 1)
...
10 % 4 = 2 (10 = 2 * 4 + 2)

Une petite bête qui rend donc bien des services dans les boucles ou les incrémentations !

[SirDarken]

Je ferai plutôt cela moi.

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
 
<?php
session_start();
$montableau[0] = 'ikks-women';
$montableau[1] = 'ikks-men';
$montableau[2] = 'ikks-very-girls';
$montableau[3] = 'ikks-the-boys';
$var_alea = '';
if(isset($_SESSION['var'])){//Si la session existe.
	$var_alea = $montableau[$_SESSION['var']];//On assigne $var_alea suivant le tableau.
	if($_SESSION['var'] == 3){//Si on est en fin de tableau on reset.
		$_SESSION['var'] = 0;
	}
	else{
		$_SESSION['var']++; // ou bien $_SESSION['var'] = $_SESSION['var'] + 1;
	}
}
else{// aucune variable n'existe on la crée à 1 (pour qu'au prochain on affiche le second)
	$_SESSION['var'] = 1;
	$var_alea = $montableau[0];//On affiche le 1 alirs le 0 dans le tableau.
}

Tu peux biensur mettre 15 design différent faut juste changer les bonnes variables.
Avantage tu comprend au premeir coup d'oeil ce que tu a fait 15 mois plus tard ^^.