A ver si me pueden ayudar.
Estoy confeccionado una pagina donde se divide en 3 partes, un foto, su descripcion y un listado de todas las imagenes a las que se le puede cargar su imagen y su texto.
Me explico, tengo una lista de imagenes en pequeño 50x50 y al darle click (onclick)me carga la imagen mas grande para verde mejor, hasta ahi funciona de lujo. el problema es que junto a al foto tengo que cargar su texto, es decir al hacer click a la imagen 50x50 me carge la foto y su texto.
Lo tengo separado por capas (div) y este es el codigo.
Código HTML:
<div id="content"> <img style="border: 5px solid white; display: block; margin: 0 auto 0 auto; width: 426px;" id="fotoEjemplo" src="imagenes/proceso/426/1.jpg" /> </div><!-- Aquí termina content --> <div id="extra"> <?php $archivo = 'imagenes/proceso/texto/$contador.txt'; $abrir = @file_get_contents($archivo); echo $abrir; ?> </div><!-- Aquí termina extra --> <ul> <?php for($contador = 1; $contador <= 16; $contador++) echo "<li><img width='50' height='50' style='border: 2px solid black; cursor: pointer;' alt='$contador' onclick='$(\"fotoEjemplo\").src=\"imagenes/proceso/426/$contador.jpg\";'$(\"extra\").$archivo=\"imagenes/proceso/texto/$contador.txt\"' src='imagenes/proceso/50x50/$contador.jpg' /></li>"; ?></ul>
A ver si alguien me puede echar una mano
Un saludo