<script type="text/javascript">
function visualizza(azione, num) {
var elemento="aa"+num;
var elem = document.getElementById(elemento);
elem.style.visibility = azione;
}
</script>
<style type="text/css">
td{
vertical-align:top;
text-align:left;
}
.aa{
background-color:#CCCCCC;
width: auto;
height: auto;
z-index:99;
visibility:hidden;
border-color:#FF0000;
border-width:2px;
border-style: inset;
border-radius: 10px 10px 10px 10px;/*questo se vuoi il bordo arrotondat0*/
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
box-shadow: 2px 4px 5px #a6aeb7;
}
img{
cursor:pointer;
}
</style>
<?php
//....connessione al db....
//.............
$query=mysql_query("SELECT * FROM prodotti");
//ti conviene controllare se ci sono record
if(mysql_num_rows($query)>0){
echo "<table>";
$k=0;//metto a zero un contatore
while( $riga=mysql_fetch_array($query)){
//leggi i valori dal db
$nome_immagine=$riga['immagine'];//verificare se ti serva anche la path. es immagini/imm_1.jpg
$nome_prodotto=$riga['nome'];
$descr_prodotto=$riga['descrizione'];
$per_testo="<strong>$nome_prodotto</strong><br>".nl2br($descr_prodotto);
echo "<tr><td><img src=\"".$nome_immagine."\" alt=\"".$nome_prodotto."\" border=\"0\" onmouseover=\"visualizza('visible', $k)\" onmouseout=\"visualizza('hidden',$k)\"/></td><td>".$per_testo."</td><td class=\"aa\" id=\"aa$k\" >$per_testo</td></tr>";
$k++;//incremento di uno il contatore
}
echo "</table>";
}else{
echo "non ci sono prodotti";
}
?>