Bueno, pues en este punto lo dejo hoy, mañana seguire...
Código HTML:
<a href="http://www.puig-reig.cat/web/index.php"><img class="cloudcarousel" src="images/slider/51.jpg" alt="" title="Prem per anar a la web de l'ajuntament de puig-reig" onmouseover="document.getElementById('templatemo_main').innerHTML='Puig-reig'" onmouseout="document.getElementById('templatemo_main').innerHTML='None'"; /></a> He conseguido que en el cuadro blanco poner una imagen solo cargar la pagina. Al poner el raton encima la foto me sale el siguiente texto: Puig-reig y que cuando saco el raton ponga lo siguiente: None.
Mañana toca investigar como hago para poner el texto. Tambien comentar que googleando he visto como usaban el a:hover para poner un fondo semitransparente con un texto dentro, y creo que voy a utilizar ese sistema, ya que no se como llamar a un contenedor con java.
Seguire poniendo los avances.