Hover w PHP. Opcje

[Naczelnik Piotru...]

Witam. Chcę zastosować hover w php, a konkretnie po najechaniu na tekst ma pojawić się generowany obrazek ze zmienną. To znaczy, jest np. tekst SIEMA i gdy najedziemy na niego pojawi nam się obrazek którego ściezka to xxx/$zmienna/banner.png jak mogę osiągnąć taki efekt?

[Naczelnik Piotru...]

Kod

if($rek["p_player"]!='0'){$output .= "<td style='white-space:nowrap; text-align:center'>
                    <li><a href='http://xxx/image.png' class='preview'>$zmienna</li></a>

        </td>";}

tak wygląda kod wyświetlania

a tak wygląda css:

Kod

pre{
    display:block;
    font:100% "Courier New", Courier, monospace;
    padding:10px;
    border:1px solid #bae2f0;
    background:#e3f4f9;    
    margin:.5em 0;
    overflow:auto;
    width:800px;
}

img{border:none;}
ul,li{
    margin:0;
    padding:0;
}
li{
    list-style:none;
    float:left;
    display:inline;
    margin-right:10px;
}



/*  */

#preview{
    position:absolute;
    border:1px solid #ccc;
    background:#333;
    padding:5px;
    display:none;
    color:#fff;
    }

Ten post edytował Naczelnik Piotruś 22.07.2013, 20:10:38