Applicare un'immagine al title

Applicare un'immagine al title postato il 12/11/2008 12:31:11 nel forum programmazione, open source e hosting

Dopo ore di ricerca e piccole modifiche ho trovato quello che cerco, cioè passando sopra ad un link si apre un'anteprima con l'immagine del luogo e del title, il problema sta quando applico la cosa con coordinate.

<a href="main.php?Dir=2" target="_top" class="screenshot" rel="cssg_screenshot.jpg" title="Bosco">Link</a> <<<--In questo modo funziona.


<area shape="rect" coords="115,254,157,294" href="main.php?Dir=2" target="_top" class="screenshot" rel="cssg_screenshot.jpg" title="Bosco"> <<<--In questo modo no, esce il title normale senza anteprima dell'immagine.

Qualcuno potrebbe aiutarmi a capire come si può risolvere questa cosa? Naturalmente questa funzione si associa al css e a dei file .js ma ripeto nel primo esempio funziona perfettamente, il problema sorge quando la si applica alle coordinate.

Hero Wars ↗
Costruisci la tua squadra di eroi leggendari e domina il campo di battaglia! Strategia, tattica e potenza si scontrano in questo RPG ricco di azione!

12/11/2008 14:17:38

Lo riporto di seguito:

<style>
body {
margin:0;
padding:40px;
background:#fff;
font:80% Arial, Helvetica, sans-serif;
color:#555;
line-height:180%;
}

h1{
font-size:180%;
font-weight:normal;
color:#555;
}
h2{
clear:both;
font-size:160%;
font-weight:normal;
color:#555;
margin:0;
padding:.5em 0;
}
a{
text-decoration:none;
color:#f30;
}
p{
clear:both;
margin:0;
padding:.5em 0;
}
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;
}



/* */

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

/* */
</style>

Foundation Galactic Frontier ↗
Esplora l'ignoto in Foundation Galactic Frontier. Conquista le stelle, scrivi il tuo destino e domina la galassia. Il futuro ti aspetta!

12/11/2008 15:58:48

Sulla mappa quando passo con il mouse sulla zona, mi si apre un blocco mostrando un'immaginetta e il title della zona. Cosa che sono riuscita a fare per un link, ma mettendo le coordinate non funziona.

Cafuné ↗
1526. Guyana. Pensavi fosse solo una colonia? A Cafuné c’è altro. E ti ha già visto.

12/11/2008 16:22:10

ci sono un sacco di tooltips fatti con prototype, scipt.aculo.us, jquery, mootools eccetera.
Se cerchi sulla rete trovi diversi esempi e/o codici da copia-incollare e personalizzare.

New Orleans ↗
La Città dai Mille Volti: Crime, Feste, Mistero, Voodoo, Natura Incontaminata, Fama, Grattacieli, Luci Splendenti e Ombre Profonde.