[HTML][CSS][JavaScript]Graficzny tooltip Opcje

[elmozaur]

witajcie.
Czy znacie moze jakis latwy sposob na uzyskanie graficznego tooltipa?
mam np liste obrazkow w formie linkow:

[HTML] pobierz, plaintext 
<a href="pic1/pic1.jpg">pic1</a><br/>
 <a href="pic2/pic1.jpg">pic2</a><br/>
 <a href="pic3/pic1.jpg">pic3</a><br/>
 <a href="pic4/pic1.jpg">pic4</a><br/>
 <a href="pic5/pic1.jpg">pic5</a><br/>
[HTML] pobierz, plaintext 

I teraz chcialbym aby po najechaniu na link pokazywal sie graficzny tooltip (nazwa_katalogu/prev.jpg) przy wskazniku myszki.

Pytanie nr2: jak takie "niesystemowe" rozwiazanie ma sie do standardu HTML/xHTML. To znaczy czy validatory nie robia z tego problemu ?

za info z gory dziekuje i pozdrawiam
Grzesiek

[Hazel]

Dostosowująca gabaryt do zawartości? (IMG:http://forum.php.pl/style_emoticons/default/biggrin.gif) No coraz lepsze kwiatki, widzę.

Kod

<a href="strona" onmouseover="chmurka(true);" onmouseout="chmurka(false);">Tekst</a><div style="display: none; position: relative; top: 10px; " id="tooltip"><img src="grafika.jpg" /></div>

<script type="text/javascript">

function chmurka(bool)

{

       document.getElementById('tooltip').style.display = (bool ? 'block' : 'none');

}</script>

Pisane z palca i ma jedynie oddawać podstawową zasadę działania.

Ten post edytował Hazel 12.03.2009, 19:08:38