Como atualizar a imagem automaticamente ...

Lucas Santos · 22 de junho de 2017

Ola pessoal,

Eu estou precisando de ajuda para fazer um sistema que muda automaticamente a imagem. Tipo assim a pagina já vai ta carregada ai essa mesma imagem vai se substituída ai eu quero tipo que a pagina fica atualizando somente a imagem.

OBS: Pode ser em qualquer uma dessas linguagens (PHP, HTML e JAVASCRIPT).

Se poderem ajuda agradeço.

DiF · 22 de junho de 2017

@Lucas Santos Olá,

você pode fazer um banner rotativo.. seja em HTML5 e CSS3 ou jQuery.

Existem outros métodos de fazer.. como plugins jquery para sliders.. e etc.

Lucas Santos · 22 de junho de 2017

@DiF

Mais com esse banner não vai da certo, porque vai ser preciso atualizar a imagem porque eu vou fica substituindo no host a imagem ai ela não ta carregando com a nova imagem fica sempre a antiga.

DiF · 22 de junho de 2017

@Lucas Santos Sem problemas, basta você inserir todas as imagens que vai usar no seu servidor.

Já adianto, que não existe método de "atualizar" imagem automaticamente.

O que dá para fazer é usar o banco de dados e na imagem carregar com o php. assim toda vez que registrar uma imagem, ela muda, a partir do último registro.

Lucas Santos · 22 de junho de 2017

@DiF

15 minutos atrás, DiF disse:

O que dá para fazer é usar o banco de dados e na imagem carregar com o php. assim toda vez que registrar uma imagem, ela muda, a partir do último registro.

Você saberia me explicar como fazer isso ?

DiF · 22 de junho de 2017

@Lucas Santos Sim, posso, mas você tem algum conhecimento prévio de inserção em banco de dados, consulta, modelagem de banco de dados?

Você primeiro precisa projetar seu DB.

Lucas Santos · 22 de junho de 2017

@DiF

Um pouco.

DiF · 22 de junho de 2017

@Lucas Santos Então, vou tentar explicar de forma didática sem entregar o código TODO pronto. Contudo deixo alguns exemplos

Primeiro você cria uma tabela, no banco de dados com o nome de imagens.

Nesta tabela você terá pelo menos 2 campos: ID e imagem.

O campo ID, será auto incrementado, ou seja, ele aumenta em 1 a cada novo registro.

O campo imagem, será responsável por guardar o nome da imagem por exemplo "teste.png"

Com o banco pronto você pode começar a desenvolver a parte administrativa, onde nela, você fará o sistema de upload das imagens.

No banco de dados você vai só enviar o nome do arquivo e não o arquivo em si. O arquivo vai para uma pasta no seu servidor!

Depois feito a parte de cadastro das imagens, você faz a parte da consulta. Aquela onde você busca na sua tabela do banco o nome da imagem.

Vou dar um pequeno exemplo hipotético, já presumindo que você já tenha feito o cadastro das imagens no banco de dados.

Tabela imagem:

ID   img
 1   teste.png
 2   teste2.png

No PHP

//inclui a conexão com o banco de dados
include 'conexao.php';

//Faz a consulta a tabela do banco de dados limitando em 1 a partir do último registro
//ou seja, sempre, vai mostrar a última imagem cadastrada!
$consulta = mysqli_query($conexao, "SELECT img FROM imagens LIMIT 1 order by DESC");

//atribui em uma variável a ação da consulta
$imagem = mysqli_fetch_object($consulta);

//concatena o diretório da imagem no servidor com o nome da imagem do banco.
//então, se der um echo na variável $img aparecerá o seguinte: imagens/teste.png
$img = "imagens/". $imagem->img;

//estrutura onde vai mostrar a imagem.
echo " <div>
          <img src='$img' alt='$imagem->img'/>
       </div>";