camlot/scripity.js at main · JonasJesus42/camlot · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
// pricsisso que as classes das imagens da segunda tela troquem fazendo a animação de que uma imagem que esla atras passou pra frente
var  img1 =  "./assets/img1.webp"
var  img2 =  "./assets/img2.webp"
var  img3 =  "./assets/img3.webp"
var  img4 =  "./assets/img4.webp"
var  img5 =  "./assets/img5.webp"

var contador = 0


function trocaDeImagem(){
    contador++

    if(contador >= 5){
        contador = 1
    }


    if(contador === 0 ){
        imagem1 = img1
        imagem2 = img2
        imagem3 = img3
    }
    if(contador === 1){
        imagem1 = img2
        imagem2 = img3
        imagem3 = img4
    }
    if(contador === 2){
        imagem1 = img3
        imagem2 = img4
        imagem3 = img5
    }
    if(contador === 3){
        imagem1 = img4
        imagem2 = img5
        imagem3 = img1
    }
    if(contador === 4){
        imagem1 = img5
        imagem2 = img1
        imagem3 = img2
    }
    console.log(contador)
    nextImage()
}

function nextImage() {
    document.getElementById("frente").src = [imagem1]
    document.getElementById("meio").src = [imagem2]
    document.getElementById("tras").src = [imagem3]

}

function start() {
    trocaDeImagem()
}