Tengo varios enlaces y lo que quiero es que al pinchar en cada uno de ellos se muestre una imagen diferente acompañado de un texto, que se muestren todos en el mismo lugar de la pagina, pero que sean diferentes para cada enlace, cuando pinchas en uno se quite el otro, he conseguido que lo haga con las imagenes pero no consigo que vaya acompañado de un texto. Esto es lo que tengo:
<script type="text/javascript" language="javascript">
function PreCarga (objetoImagen, rutaImagen)
{
if (document.images)
{
eval (objetoImagen +' = new Image()')
eval (objetoImagen +'.src = "' + rutaImagen + '"')
}
}
function CambiarImagen (capa,nombreImagen,objetoImagen)
{
if (document.layers && capa!=null)
eval('document.' + capa + '.document.images["' + nombreImagen + '"].src = ' + objetoImagen + '.src')
else
document.images[nombreImagen].src = eval(objetoImagen + ".src")
}
PreCarga ('primera','../direccion/loquesea.jpg')
PreCarga ('segunda','../direccion/loquesea2.jpg')
PreCarga ('tercera','../direccion/loquesea3.jpg')
</script>
<a href="javascript:CambiarImagen ('divImagen','miImagen','primera')">PRIMER ENLACE</a>
<a href="javascript:CambiarImagen ('divImagen2','miImagen','segunda')">SEGUNDO ENLACE</a>
<a href="javascript:CambiarImagen ('divImagen3','miImagen','tercera')">TERCER ENLACE</a>
<div id="divImagen" style="position: relative; left: 50px; top: 50px; width: 50px;"><br /> <img alt="" name="miImagen" src="../direccion/loquesea.jpg" />TEXTO AQUI</div>
Seguro que es una tonteria, pero no soy capaz, he probado a crear una capa para cada enlace pero me lio a la hora de mostrar/ocultar las capas.
Gracias y un saludo