Slideshow-Application/slideshow.js at main · rish2408/Slideshow-Application · 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
    let i = 0;
    let id;

    function start()
    {
        let images = JSON.parse(localStorage.getItem('images'));
        let container = document.getElementById('container');
        container.style.display = 'block';
        let image = images[i];

        let img = document.querySelector('#img');
        img.src = image;

        id = setInterval(function(){
            i++;
            if(i === images.length)
            {
                i = 0;
            }

            image = images[i];
            img.src = image;

        },3000);
    }

    function pause()
    {
        clearInterval(id);
    }

    function prev() {
        i--;
        let images = JSON.parse(localStorage.getItem('images')) || [];
        if(i==-1) {
            i = images.length - 1;
        }
        let img = document.getElementById('img');
        img.src=images[i];
    }

    function next() {
        i++;
        let images = JSON.parse(localStorage.getItem('images')) || [];
        if(i==images.length) {
            i = 0;
        }
        let img = document.getElementById('img');
        img.src=images[i];
    }