[PHP+CSS] opacité progressive sur une liste horizontale (0%->100%-&

Hello !
Je récupère depuis ma DB SQL une liste d'images.
Elles sont affichées dans une liste horizontale.

J'aimerais que les premiers éléments de la liste soient en opacity=0; que l'image du milieu soit à opacity=1 et qu'ensuite cela redescende jusqu'à 0, par crans de 0.25.

Pour faire concret, si j'ai 13 images, ça devrait faire ça
1e,2e,3e -> opacity:0;
4e -> opacity:0.25;
5e -> opacity:0.5;
6e -> opacity:0.75;
7e -> opacity:1;
8e -> opacity:0.75;
9e -> opacity:0.5;
10e -> opacity:0.25;
11e,12e,13e -> opacity:0;

Seulement je vois pas trop par où commencer....
Auriez vous des idées ?

Merci !

http://tinyurl.com/2kaknn/listilluspresse.php
Modifié par gordie (28 May 2007 - 23:35)

ah ah !!!
Chu sur la bonne piste !!!
Je vous tiens au courant, d'ici là; je vous laisse vos neurones !!!
Je commence à trouver !

Bon ben j'ai trouvé comment le faire

$requete = ....;
$resultat = requete( $requete );
$compte = mysql_numrows($resultat);
$middlecompte = floor($compte/2);

$picnbr = 0;
$op = 0;

while( $row = mysql_fetch_assoc( $resultat ) ) {
	$picnbr += 1;
	if ( ($picnbr > ($middlecompte - 4)) && ($picnbr <= $middlecompte) ) {
		$op += 0.25;
	} elseif ( ($picnbr > $middlecompte) && ($picnbr <= ($middlecompte + 4)) ) {
		$op -= 0.25;
	} else {
		$op = 0;
	}
	$op2 = 100*$op; // pour le filter alpha
	echo '<li><img src="'.$picnbr.'.jpg" style="filter:alpha(opacity='.$op2.');-moz-opacity: '.$op.';opacity: '.$op.';"></a></li>';
}
?>

gordie a écrit :
Bon ben j'ai trouvé comment le faire

Un petit [Résolu] pour fêter ça ?