ImageViaJS/index.html at main · WolfEye939/ImageViaJS · 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
<!DOCTYPE html>
    <html lang="en">
        <head>
            <meta charset="utf-8">
            <meta name="viewport" content="width=device-width, initial-scale=1.0" />
            <title>ImageViaJS</title>
            <link rel="stylesheet" href="./styles/styles.css">
            <script src="./scripts/script.js" defer></script>
        </head>

        <body>

            <nav class="dummy">
                <ul class="nav-link">
                    <li><a href="./index.html">Home</a></li>
                    <li><a href="./AlphaSplit.html">Using the Alpha channel to split the Alpha and RGB</a></li>
                </ul>

            </nav>
            <div class="dummy">
                <h1 class="hea">Alpha emission:</h1>
                <p class="desc">Alpha Emission is a technique that uses an image's Alpha <i>(transparency)</i> channel to overlay effects. <br>in this case the alpha channel is used to emit light</p>

                <inst>tap or click an image to toggle alpha emission effect.</inst>
            </div>

            <div class="images">
                <img id="ImgKlem" src="./img/Klem.png"    onclick="changeImg1()"/>
                <img id="ImgAsri" src="./img/MalAsri.png" onclick="changeImg2()"/>
                <img id="ImgFara" src="./img/Faraday.png" onclick="changeImg3()"/>
            </div>

            <div class="images">
                <img id="" src="./img/FaradaySpin_AE.gif"/>
            </div>

            <hr></hr>

        </body>
    </html>