Ver Mensaje Individual
  #1 (permalink)  
Antiguo 27/05/2011, 09:49
Avatar de azimutisima
azimutisima
 
Fecha de Ingreso: mayo-2011
Mensajes: 107
Antigüedad: 13 años
Puntos: 14
Sustituir una imagen por otra

Muy buenas, ante todo presentarme. Soy nuevo en este foro y llevo poco tiempo en esto de la programación web. Controlo a nivel medio de php, css y html. En lo que estoy un tanto pegado en en javascript.

Os paso a exponer mi problema a ver si me podeis orientar.

Tengo una web de productos hecha en php/css que muestra como se ve en el ejemplo cada producto con su imagen en miniatura, además hay una serie de enlaces a mas imagenes. Si doy click en la imagen en miniatura o en los enlaces me lleva a la imagen en tamaño completo.

[URL=http://imageshack.us/photo/my-images/683/weby.png/][IMG]http://img683.imageshack.us/img683/1526/weby.png[/IMG][/URL]


La modificación que quiero hacer (y que intuyo que se hace en javascript, sino me lo decís) es que quiero que cuando hagan click en los enlaces (1,2,3) se sustituya la imagen en pequeño por la correspondiente al enlace y que sea cuando se le de click a la imagen en pequeño cuando se habra la grande.

Os dejo el trozo de html generado de como está ahora mismo para que os hagais mejor la idea:

Código:
<a href="adjuntos/documento1.pdf"1><img src="img/pdficon.jpg" alt="Descarga PDF Adjunto"></a></div><div id="not_file">
<a href="adjuntos/documento2_1.pdf"1><img src="img/pdficon.jpg" alt="Descarga PDF Adjunto"></a></div><div id="not_file">
<a href="adjuntos/imagen1_1.png"><img height=80 width=80 src=adjuntos/imagen1_1.png alt="Imagen de Noticia TuttiScooter"></a>
<a href="adjuntos/imagen1_2.png">1</a> 
<a ref="adjuntos/imagen1_3.png">2</a> 
<a href="adjuntos/imagen1_4.png">3</a>
Gracias por adelantado, si necesitais cualquier aclaración no teneis más que pedirla.

Un saludo.

Azi

Pd: He subido el pantallazo a imageshack y usando el codigo que de "Mostrar en foro" en la previsializacion se ve perfecto pero al enviarlo me añade las etiquetas[noparse] y no me lo muestra. ¿Como se hace?

Última edición por azimutisima; 27/05/2011 a las 09:55