Applicare un'immagine al title

Applicare un'immagine al title postato il 12/11/2008 12:31:11 nel forum programmazione, gdrcd, open source, 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.

quota

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>

quota

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.

quota

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.

quota

Diretta Streaming

Ti sei mai chiesto come trasmettere un evento live in streaming gratuitamente? Qui trovi la risposta!

Sei Nerd?

ATTENTO!!1! Potresti essere NERD!11!1 Scoprilo nell'articolo scritto dagli espertissimi!

Seconda Era

Vaste terre coperte di ombre e misteri, dove ogni eroe scrive la storia del Mondo di Eidel. Seconda Era, Play By chat

Naruto Gdr Universe

Intervista al founder del play by forum Naruto Gdr Universe. Entra nel mondo dei Ninja!