Passagem de parâmetros no javascript

Olá, eu já tinha feito os cursos básicos e comecei até os avançados, mas parei de treinar e acho que estou esquecendo algumas coisas. Eu tentei fazer uma galeria de imagens com javascript sem jquery e surgiram umas dúvidas.

Eu não sabia pegar as informações, por exemplo, eu precisava saber qual era a imagem atual e a partir dela decidir se iria pra frente ou se voltava ao clicar nas setas, precisei criar as funções no escopo global, para serem utilizadas dentro de outras funções, se não fosse assim, não sei como poderia manusear esses dados.

Peguei exemplos e adaptei, por exemplo não entendi essa linha, só sei que não precisei de ifs:

 counter = (n + imgs.length) % imgs.length;

Galeria completa: Galeria de imagens

Não tem muitos tutoriais sem Jquery na internet, então essa foi minha primeira tentativa:

Galeria de imagens com Jquery

Olá Gisele,

Tranquilo?

Então, essa operação serve para saber em que posição do Array das imagens você está, por exemplo, o n é a próxima posição que o array estará (pelo que li do código), então se tivermos uma lista com 5 imagens

let imagens = [
    "imagem1", 
    "imagem2", 
    "imagem3", 
    "imagem4", 
    "imagem5",     
];

Teremos essa conta matemática:

counter = (1 + 5) % 5; // Resultado: 1

Então iremos para o item 1 do Array, considerando que no JavaScript as posições do Array começam no 0, iremos para o segundo item do Array.

imagens[1]; // imagem2

Aí quando chegamos no quinto elemento teremos a seguinte conta matemática:

counter = (5 + 5) % 5; // Resultado: 0

Daí ele irá voltar para o primeiro elemento do Array, fazendo assim com que de um efeito de Loop ao passar as imagens.

Espero ter ajudado!

Mergulhe em programação