Hola:
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>
Me carga la imagen pero el texto no.
A ver si alguien me puede echar una mano
Un saludo