Ir ao conteúdo
  • Cadastre-se
RJacques

Alterar posição de imagens no site

Recommended Posts

boa tarde gente

 

vou usar um exemplo, tenho um site e nele tem 4 imagens e cada vez que dou um refresh na página

essas imagens troca de posição, de que forma posso fazer isso.

 

agradeço

 

att

Richardy

Compartilhar este post


Link para o post
Compartilhar em outros sites

@RJacques Olá

Podemos ajudar com sua dúvida.

Mas antes poderia dar mais informações? Tem algum exemplo prático de outro site para que possa servir de referência?

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

olá Dif, teria sim

 

esse site http://calhasemflorianopolis.com.br 

 tem 4 imagens e a cada reload da pagina as imagens trocam de lugar e era bem isso que estou tentando aprender a fazer

 

agradeço

Rjacques

Editado por RJacques

Compartilhar este post


Link para o post
Compartilhar em outros sites

@RJacques Entendi.  o que você quer basicamente é reordenar randomicamente os elementos.

Para isso é necessário javascript(jQuery para ser mais fácil).

 

$(document).ready(function(){
    //Coloca a UL na variável
    var ul = $("#minhaLista");
    
    // Coloca os items da lista em uma variável
    var lis = ul.children();
    
    //Sorteia randomicamente
    var sorteada = Math.floor(Math.random()*lis.length);
    
    //Laço de for para varrer as imagens e mostra-las de ordem aleatória
    for ( var i = 0 ; i < sorteada ; i++ ){
        lis.eq(i).detach().appendTo(ul);
    }
});

Veja o exemplo prático funcionando: https://jsfiddle.net/s8nyvq40/

Clique diversas vezes em RUN

Compartilhar este post


Link para o post
Compartilhar em outros sites

legal, vou fazer os tester aqui, e depois retorno dizendo se consegui

 

obrigado por enquanto

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

olá,

conforme tinha falado voltei para dizer que com a ajuda do Dif deu certo

a implementação do código da forma que eu queria e imaginei,

 

valeu

  • Curtir 1

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar agora





Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas publicações sobre tecnologia do Brasil. Leia mais

Direitos autorais

Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

×