Ir para conteúdo

Caio_Lourençon

Members
  • Total de itens

    1
  • Registro em

  • Última visita

Reputação

0 Comum

Sobre Caio_Lourençon

  1. Caros programadores! Entendo muito pouco de Javascript / jquery, meu forte mesmo é Php e Css, é o seguinte, estou desenvolvendo um sistema há um tempinho e nele estava implementando a LAZY LOAD, aquela famosa técnica de carregamento de imagens que só são carregadas quando o usuário rola a página até onde elas estão, optei pela API Intersection Observer, só que algumas versões do IE não a suportam, pensando nisso decidi criar uma verificação para aparecer uma mensagem caso o navegador não suporte, até aqui tudo bem consegui com o seguinte código abaixo: if ("IntersectionObserver" in window === false){ $("#image-load").append("<p class='p_um no-img'>Seu navegador não suporta a API, atualize a versão ou tente acessar com outro. </p>") ;} Este código acima cria uma nova Div dentro do container #image-load com a mensagem que queria, (este container #image-load está em um laço de repetição cada imagens que tenho no WHILE também saem com esse container) o problema é que as minhas imagens estão em um Laço de repetição no PHP e o código está apenas funcionando no primeiro elemento do WHILE, quebrei a cabeça e não consegui nada além! Segue abaixo a maneira que está sendo impressa o while no HTML! <div class="cover-det" id="image-load"> <img data-src="img-1.jpg"> <p class='p_um no-img'> Seu navegador não suporta a API, atualize a versão ou tente acessar com outro. </p> </div> <div class="cover-det" id="image-load"> <img data-src="img-2.jpg"> </div> <div class="cover-det" id="image-load"> <img data-src="img-3.jpg"> </div> e assim vai... a minha pergunta é a seguinte: Como fazer essa mensagem ser reproduzida em todas as imagens desse meu while no PHP? AGRADEÇO A COLABORAÇÃO DE TODOS.
×

Informação importante

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