Album photo en css

bonjour, voila j'essaie de faire ceci : Album photo. Maismon probleme est que je n'ai pas un certain nombre d'images données, c'est administrable, on peut ajouter autant de photos que l'on veut. Du coup je n'arrive pas a faire mon rollover. Pouvez vous m'aidez ??? merci beaucoup
Je vous joint mes codes :
CODE CSS (dynamique)

<?
/* on indique au fichier php que c'est un fichier css */
header("Content-type: text/css; charset=iso-8859-1");

$retour = mysql_query("SELECT COUNT(*) AS nbre_entrees FROM mise_en_place");
$donnees = mysql_fetch_array($retour);
$nb = $donnees['nbre_entrees'];

$taille_totale=($nb*90);
echo $taille_totale;

echo 'a.gallery, a.gallery:visited {
display:block;
color:#000;
text-decoration:none;
border:1px solid #000;
width:80px;
height:60px;
margin:3px;
float:left;
}
a.gallery span {
display:block;
position:absolute;
left:150px;
top:-1px;
width:1px;
height:1px;
overflow:hidden;
background:#efedec;
}
a.gallery:hover {
white-space:normal;
border:1px solid #fff;
}
a.gallery:hover img, a.gallery:active img, a.gallery:focus img {
border:1px solid #000;
}
a.gallery:hover span, a.gallery:active span, a.gallery:focus span {
display:block;
position:absolute;
width:360px;
height:270px;
text-align:center;
margin-left:196px;
margin-bottom:75px;
padding:5px;
font-style:italic;
color:#000;
background:#fff;
}

#photo {
/*width:360px;
height:270px;
text-align:center;
margin-left:196px;
margin-bottom:75px;*/
}

#photo img {
border:1px solid #000;
}

#thumbs {
width:'.$taille_totale.'px;
height:65px;
}

#scrollbox {
width:400px;
height:90px;
background:#f4f4f4;
overflow:auto;
border:1px solid #aaa;
margin-left:175px;
}
';

$reponse = mysql_query("SELECT * FROM mise_en_place ORDER BY id DESC");
$i=1;
while ($donnees = mysql_fetch_array($reponse)){
echo ('
a.slide'.$i.'{background:url('.$donnees['url_grd'].');} ');
$i++;
}

?>

CODE PHP
<?

echo '<h3>Album</h3>';

//========================================
// Affichage de la grande image
//========================================

if (isset($_GET['num'])){
$reponse = mysql_query('SELECT * FROM mise_en_place WHERE id=\''.$_GET['num'].'\'');
$p = mysql_fetch_array($reponse);
echo ("<div id=\"photo\"><img src=\"".$p['url_grd']."\" title='".$p['titre']."'></a><br />");
echo '<span><strong>'.$p['titre'].'</strong></span><br />';
echo '<i>'.$p['comm'].'</i></div>';

}else{
echo '<div id="photo"><img src="../administration/mise_en_place/images/nenuphars.jpg"></div>';
}

//========================================
// Affichage des miniatures en défilement
//========================================

$reponse = mysql_query("SELECT * FROM mise_en_place ORDER BY id DESC");
echo '<div id="scrollbox"><div id="thumbs">';

$i=1;
while ($donnees = mysql_fetch_array($reponse)){
echo ('<a href="" class="gallery slide'.$i.'">');
echo ("<img src=\"".$donnees['url_mini']."\" border='0'></a>");
$i++;
}

echo '</div></div>';

?>

avec utilisation de php

Album photo en css

Supprimer

Modérer

Signaler le message aux modérateurs