En løsning i CSS som jeg selv har lavet og benytter.
I head'et:
<style type="text/css">
.thumb {
font-weight: bold;
}
.thumb span {
visibility: hidden;
position: absolute;
padding: 5px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: dotted;
border-right-style: dotted;
border-bottom-style: dotted;
border-left-style: dotted;
}
.thumb:hover span {
visibility: visible;
background-color: #000;
}
</style>
I bodyen:
<span class="thumb"><img src="lille.jpg" /><span><img src="stor.jpg" /></span></span>
Udskift stor.jpg med det store billede og lille.jpg med det lille billede. Et eksempel kan ses her:
http://jacobbundgaard.dk/spil.html (Hold musen hen over de små tal.)