Pessoal, tudo bom !?
Estou implementando uma funcionalidade nova, na minha area de visualizar imagens do meu site.
O codigo que tenho, ao clicarmos em cima, ele mostra a imagem ampliada(com ajuda do lightbox e Jquery)
No entanto, preciso que ao abrir a imagem ampliada, ele mostre as miniaturas dela no rodape da janela aberta, e quando clicar na miniatura ele vai mostrando no tamnho ampliado)
Abaixo o codigo em jsg do processo de ampliacao, o qual, esta rodando ok.
<c:when test="${mercadoria.rows[0].qtde_imagem > 0}">
<img class="imgMercadoria" src="img/<c:out value="${mercadoria.rows[0].cod_material}"/>.jpg"/>
<c:if test="${mercadoria.rows[0].qtde_ampliada > 0}">
<br/>
<a href="img/ampliadas/<c:out value="${mercadoria.rows[0].cod_material}"/>.jpg" rel="lightbox[prod]" title="<c:out value="${mercadoria.rows[0].detalhe}"/>">foto ampliada</a>
<c:if test="${mercadoria.rows[0].qtde_ampliada > 1}">
<c:forEach begin="2" end="${mercadoria.rows[0].qtde_ampliada}" var="nro">
<a href="img/ampliadas/<c:out value="${mercadoria.rows[0].cod_material}"/>_<c:out value="${nro}"/>.jpg" rel="lightbox[prod]" title="<c:out value="${mercadoria.rows[0].detalhe}"/>" style="display:none;">foto ampliada</a>
</c:forEach>
</c:if>
</c:if>
</c:when>
Alguem sabe como posso desenvolver isso ou algum exemplo?