Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Kamykaze

[Resolvido] Atualizar imagem sem recarregar a página

Por , em Javascript

Recommended Posts

Kamykaze    0

Kamykaze
Postado

Primeiro, bom dia a todos... hehehe

não sei se este seria o lugar certo pra postar, mas , queria saber, como faço pra atualizar uma imagem sem atualizar a página ? vai funcionar assim, vou pegar o link de uma imagem do site do DER, a imagem deles atualiza a cada periodo de tempo (não lembro agora qtos segundos) queria saber um jeito de atualizar no meu site essa imagem sem ter que atualizar a página inteira.... desde já agradeço, t+

Compartilhar este post

Link para o post
Compartilhar em outros sites

Aprendiz CSS    3

Aprendiz CSS
Postado

Faz via javascript

 

coloca um ajax que mudará a imagem a cada xx segundos

 

na mesma frequencia que o site ou um pouco mais

 

ai após pegar a nova imagem você altera o SRC

 

abraço

Compartilhar este post

Link para o post
Compartilhar em outros sites

Kamykaze    0

Kamykaze
Postado

então, o problema é que não manjo nada de ajax, se me der o nome da função pra eu procurar ja me ajuda ...hehehe

Compartilhar este post

Link para o post
Compartilhar em outros sites

Aprendiz CSS    3

Aprendiz CSS
Postado

procura na seção de javascript que o pessoal tem pronto no laboratório de scripts

Compartilhar este post

Link para o post
Compartilhar em outros sites

RobertoPC    0

RobertoPC
Postado

Não é necessário ser feito em ajax. Nesse caso somente javascript. Olha um exemplo:

 

<html>
<body>
<head>
	<title>...</title>

<script type="text/javascript">

   window.onload = function(){

      setInterval("TrocaImagem()",3000); // troca imagem a cada 3 segundos      

   }

   function TrocaImagem(){

      var imagem = document.getElementById('img').src;      

      if(imagem.indexOf("img1.jpg") != -1){

         document.getElementById('img').src = "img2.jpg";

      }else{

         document.getElementById('img').src = "img1.jpg";

      }

   }

</script>

</head>
<body>

<img src="img1.jpg" id="img">

</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Thiago Retondar    18

Thiago Retondar
Postado

Vou mover pra AJAX pois acho que ele quer que as imagens venham de um Banco de Dados.

 

Tópico movido:

 

Webstandards: CSS / XML / XHTML / HTML http://forum.imasters.com.br/public/style_emoticons/default/seta.gif JavaScript / DHTML » AJAX

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

Kamykaze    0

Kamykaze
Postado

Vou mover pra AJAX pois acho que ele quer que as imagens venham de um Banco de Dados.

 

Tópico movido:

 

Webstandards: CSS / XML / XHTML / HTML http://forum.imasters.com.br/public/style_emoticons/default/seta.gif JavaScript / DHTML » AJAX

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

Valew, então, as imagens vão vir do site do DER, são umas cameras de monitoramento das estradas, vão ser 4 imagens, com um endereço fixo pra cada uma, fiz um código em jQuery:

 

$(function() {
	var intervalo = window.setInterval(imagens, 30000);
	function imagens() {
		url1 = $('.img1').attr('src');
		url2 = $('.img2').attr('src');
		url3 = $('.img3').attr('src');
		url4 = $('.img4').attr('src');
		
		$('.webcam1 img').remove();
		$('.webcam2 img').remove();
		$('.webcam3 img').remove();
		$('.webcam4 img').remove();

		$('.webcam1').append('<img src="'+url1+'" width="250" height="181" alt="camera 01" class="img1"/>');
		$('.webcam2').append('<img src="'+url2+'" width="250" height="181" alt="camera 02" class="img2"/>');
		$('.webcam3').append('<img src="'+url3+'" width="250" height="181" alt="camera 03" class="img3"/>');
		$('.webcam4').append('<img src="'+url4+'" width="250" height="181" alt="camera 04" class="img4"/>');
	};
});

funciona, ele retira a tag img e coloca outra, mas não atualiza a img, é sempre a mesma... vou testar o que me falaram ai e ja posto de novo qualquer coisa... obridago !.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Kamykaze    0

Kamykaze
Postado

uma pergunta, esse javascript seria a mesma coisa que estou fazendo com o jQuery ?

tentei mais algumas coisas aqui e nada, não deu certo ainda, se alguem tiver mais alguma idéia... hehe

Compartilhar este post

Link para o post
Compartilhar em outros sites

Kamykaze    0

Kamykaze
Postado

deu certo \o/ kkkk mandei pro servidor e testei esse msm código que postei e deu certo, testando local aqui não rolou, mas o que importa é que está funcionando... heheheh msm assim valew pelas dicas...

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito