JSP (Java Server Page) - Mostrar una imagen u otra

   
Vista:

Mostrar una imagen u otra

Publicado por Alex (1 intervención) el 12/11/2007 18:50:00
Hola,

Mi problema es el siguiente; tengo una jsp que contiene una tabla en la que tengo un numero variable de imagenes que se muestran "pequeñas". Bien, en otra columna de la tabla, lo que prentendo en resumidas cuentas es mostrar la última imagen de las "pequeñas" que haya clickado el usuario... para que ésta aparezca algo más grande.

A la jsp le llegan las rutas de estas imagenes pequeñas, por eso, ningún problema, pero... cómo hacer para que la ruta de la foto "grande" varíe en función de si hemos hecho click en una o en otra foto "pequeña"?? lo he intentado con algun evento del tipo onclick " " pero supongo q obviamente en su interior se esperará alguna función de javascrip y no cualquier cosa...

adjunto el código de la jsp de acuerdo?

<%@ page session="true" %>
<%@ taglib prefix="c" uri="/WEB-INF/c.tld" %>
<%@ taglib prefix="html" uri="/WEB-INF/struts-html.tld" %>


<DIV class="bordeFichas">
<table class="tablaFichaFotos" >
<tr>
<td>
<table>
<tr>
<td class="celdaMargen">
</td>
</tr>
<c:if test="${not empty myform.foto1}">
<c:set var="rutaImgPrincipal">../imgTemp/${myform.foto1}</c:set>
<tr>
<td class="celdaMargen">
</td>
<td class="celdaFotos" scope="col"> <img src="../imgTemp/${myform.foto1}" class="fotoCasa" alt="Foto del inmueble. Pinche sobre ella si desea ampliarla" onclick="<c:set var="rutaImgPrincipal">../imgTemp/${myform.foto1}</c:set>" /></td>
<c:if test="${not empty myform.foto2}">
<td class="celdaFotos" scope="col"><img src="../imgTemp/${myform.foto2}" class="fotoCasa" alt="Foto del inmueble. Pinche sobre ella si desea ampliarla" onclick="<c:set var="rutaImgPrincipal">../imgTemp/${myform.foto2}</c:set>" /></td>
</c:if>
<td><img src="${rutaImgPrincipal}" class="FotoDestacada" class="CapaImagenAmpliada" alt="Foto del inmueble. Pinche sobre ella si desea ampliarla"/>
</td>
</tr>
</table>

<br/>
<p class="Letra18">
PRECIO: ${myform.precio}€
</p>

<div class="centrado">
<form name="Formulario1" action="busquedaReferencia2.html" method="post">
<input class="Boton" type="submit" name="Submit2" value="Volver" />
</form>
</div>
<br/> <!-- Esto es para que deje el espacio, porque el padding no hace caso en IE y junte las imagenes -->
</div> <!-- Fin del bordeFichas -->
<table class="datosFicha" cellspacing="0" cellpadding="0">
<tr>
<td colspan=8 class="abajoFichas">
</td>
</tr>
</table>
</div>

Muchisimas gracias por cualquier sugerencia...
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder