Hola, esto me parece que te va a quedar mas lindo asi... presta atencio ya que son varios pasos ok.
Esto yo lo realize para un DataGrid pero el GridView es casi lo mismo asi que solo tendras que modificar pequeñas cosas.
Si ves bien, yo aca muestro una info y una foto por cada row cuando el mouse pasa por arriba del mismo. Vos modifica estos elementos como quieras.
Tambien vas a ver que yo guardo el camimo de las fotos en el web.config "ConfigurationManager.AppSettings" vos hace como quieras.
"AviVtaCod" y "texto2" son datos de la grilla, vos coloca los que quieras.
Esto lo pones en el evento DataBound del GridVew
'esto es para el div popup
If Not e.Item.DataItem Is Nothing And DataBinder.Eval(e.Item.DataItem, "TieneFoto") Then
e.Item.Attributes.Add("onmouseover", "ShowTooltip('" & ConfigurationManager.AppSettings("CaminoFotosAviso s") & DataBinder.Eval(e.Item.DataItem, "AviVtaCod").ToString() & "-1-c.jpg', '" & DataBinder.Eval(e.Item.DataItem, "Texto2").ToString().Replace("'", """") & "');")
e.Item.Attributes.Add("onmouseout", "HideTooltip();")
End If
----------------------------------
Esto son los javascript que van el aspx
function ShowTooltip(Foto,Dsc)
{
posx = tempX;
posy = tempY;
if (IE) {
document.getElementById("imgdetalle").src=Foto;
document.getElementById("tdDsc").innerHTML=Dsc;
} else {
MM_findObj("imgdetalle").src=Foto;
MM_findObj("tdDsc").textContent=Dsc;
}
PopupTrabajoDetalle.style.display="block";
PopupTrabajoDetalle.style.left = posx;
PopupTrabajoDetalle.style.top = posy;
}
function getMouseXY(e) {
if (IE) {
tempX = event.clientX + document.body.scrollLeft
tempY = event.clientY + document.body.scrollTop
} else {
tempX = e.pageX
tempY = e.pageY
}
if (tempX < 0){tempX = 0}
if (tempY < 0){tempY = 0}
return true
}
function HideTooltip()
{
PopupTrabajoDetalle.style.display="none";
}
--------------------------------------
Esto es el div que es el que muestra la info ok.
Va en cualquier lado del aspx, yo lo coloco al final antes del </form> para que no moleste
<div id="PopupTrabajoDetalle" class="transparent">
<div>
<table width=100% border=0 cellpadding=0 cellspacing=0>
<tr>
<td align="left" height="10px"><img id="imgdetalle" alt="Cargando imagen..." width="80px" height="60px" hspace="10" align="left" ><span id="tdDsc" class="Arial11_55585B" style="color:#333333"></span></td>
</tr>
</table>
</div>
</div>
-------------------------------------------
Suerte.