Texto flotante dentro de la imagen.

Estoy realizando una pequeña web personal, y me gustaria, que al pinchar en la serie de imagenes que salen debajo de una imagen más grande esa imagen se mostrase en la celda grande, eso me consigue salir, pero no sé como puedo agregarle un texto flotante al lado de la imagen grande, alguna solucion? Aqui os dejo el codigo completo de lo que tengo realizado!!


## Aquí os dejo el codigo de la tabla en html.

<center>

<table border=4>


<tr>
<td colspan="8">
<center><img src=i1.jpg width=1050 height=400></center>
</td>
</tr>
<tr>

<td><img src=i1.jpg width=125 height=80 Onclick="hola()"></td> <td width=125 height=80 bgcolor="#808080" onmouseover="cambiacolor_over(this)" onmouseout="cambiacolor_out(this)"><center><font size=4>David Guetta.<br> </font></center><font color= "White" size=2> Aquí os dejamos el nuevo tema "Titanium", escuchalo!! </font></td>
<td><img src=i2.jpg width=125 height=80 Onclick="adios()"></td> <td width=125 height=80 bgcolor="#808080" onmouseover="cambiacolor_over(this)" onmouseout="cambiacolor_out(this)"><center><font size=4>Chris Brown.<br> </font></center><font color= "White" size=2> Aquí os dejamos el nuevo tema "Titanium", escuchalo!! </font></td>
<td><img src=i3.jpg width=125 height=80 Onclick="bonjour()"></td> <td width=125 height=80 bgcolor="#808080" onmouseover="cambiacolor_over(this)" onmouseout="cambiacolor_out(this)"><center><font size=4>Estopa.<br> </font></center><font color= "White" size=2> Aquí os dejamos el nuevo tema "Titanium", escuchalo!! </font> </td>
<td><img src=i4.jpg width=125 height=80 Onclick="bye()"></td> <td width=125 height=80 bgcolor="#808080" onmouseover="cambiacolor_over(this)" onmouseout="cambiacolor_out(this)"><center><font size=4>Wisin & Yandel.<br> </font></center><font color= "White" size=2> Aquí os dejamos el nuevo tema "Titanium", escuchalo!! </font></td>
</tr>



</table>
</center>




## Aquí el script para hacer que al pinchar la imagen pequeña se vea en la cerda grande.



<script type="text/javascript">
function hola()
{
document.images[5].src="i1.jpg"
}
function adios()
{
document.images[5].src="i2.jpg"
}
function bonjour()
{
document.images[5].src="i3.jpg"
}
function bye()
{
document.images[5].src="i4.jpg"
}
</script>