rcnery Postado Junho 22, 2004 Denunciar Share Postado Junho 22, 2004 Estou montando uma página com opção de várias várias foto, gostaria de saber como eu faço para que ao clicar para ver a próxima foto a mesma seja substituída sem que ocorra o recarregamento da página toda.Tipo a do Mercado livrehttp://www.mercadolivre.com.br/jm/item?site=MLB&id=19795337Espero poder contar com a ajuda de todos.AbraçoRicardo Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Fabi SP Postado Junho 22, 2004 Denunciar Share Postado Junho 22, 2004 Uma sugestão é usar iframe e trocar a imagem via JavaScript. Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 diraol Postado Junho 22, 2004 Denunciar Share Postado Junho 22, 2004 ou você pode utilizar CAMADA (DIV) e utilizar inner.html para fazer a troca.............ps1.: meu, faz muito tempo q não venho aqui.... hauhauhauhahuauha.......ps2.: pelo visto a Fabi q tá mandando bem aki no fórum de JS......ps3.: q saudades de passar o dia todo respondendo perguntas aki no js...hehehe...ps4.: não sabe como fazer isso que eu disse??? procura direitinho no fórum q você acha.... cuidado para fazer uma busca nos ultimos 365 dias..........ps5.: Fabi, vai acostumando... eu passei muito tempo tentando mostrar pro pessu q pesquisa é o melhor caminho, mas é dificil...... nem mesmo um tópico informativo de COMO PESQUISAR ajudou ... =/fuiz.... Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 rcnery Postado Junho 22, 2004 Autor Denunciar Share Postado Junho 22, 2004 Fabi,Obrigado pela sua sugestão, o problema é que não entendo nada de java, você poderia me dizer onde encontro esse código?.AbraçoRicardo Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Fabi SP Postado Junho 22, 2004 Denunciar Share Postado Junho 22, 2004 Aí vai um exemplo BEM simples usando a sugestão que o diraol passou (que eu achei muito melhor):<html> <head> <title></title> <script type="text/javascript" language="javascript"> function trocaFoto() { divFoto.innerHTML="<img src=\"f2.gif\" border=\"0\" alt=\"Figura\" />"; } </script> </head> <body> <div name="divFoto" id="divFoto" style="border-color: #000; border-width: 1px; border-style: solid;"><img src="f1.gif" border="0" alt="Figura" /></div> <p><input type="button" value="Próxima" onClick="javascript:trocaFoto();" /></p> </body> </html>Para funcionar, copie e grave este código num .htm, jogue 2 figuras no mesmo diretório que este html com os nomes de "f1.gif" e "f2.gif". Ele só muda a imagem uma vez, quando clica-se no botão "Enviar".Você pode personalizar e melhorar este código para N imagens, colocando até mesmo um botão de "Anterior" e "Próximo".Qualquer dúvida, é só falar, OK?[]'s, Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 rcnery Postado Junho 22, 2004 Autor Denunciar Share Postado Junho 22, 2004 Muito obrigado Fabi,Agora vou tentar adaptar esse código ao meu site.Qualquer dúvida eu volto aqui para te perguntar!!!AbraçoRicardo Citar Link para o comentário Compartilhar em outros sites More sharing options...
Pergunta
rcnery
Estou montando uma página com opção de várias várias foto, gostaria de saber como eu faço para que ao clicar para ver a próxima foto a mesma seja substituída sem que ocorra o recarregamento da página toda.
Tipo a do Mercado livre
http://www.mercadolivre.com.br/jm/item?site=MLB&id=19795337
Espero poder contar com a ajuda de todos.
Abraço
Ricardo
Link para o comentário
Compartilhar em outros sites
5 respostass a esta questão
Posts Recomendados
Participe da discussão
Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.