ria-revi-kod/index.html at master · tecg-archives/ria-revi-kod · 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
59
60
61
62
63
<!DOCTYPE HTML>
<html lang="fr_BE">
    <head>
        <meta charset="UTF-8" />
        <title>HEPLBox - La lightbox qu'elle est bien.</title>

        <link rel="stylesheet" href="styles/styles.css" />

        <!--[if lt IE 9]>
            <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
    </head>
    <body>
        <div id="wrapper">
            <header class="page-header">
                <h1>revi kòd</h1>
            </header>

            <section class="hero-unit">
                <h2>Mode solo</h2>

                <p>Il n'y a qu'une seule image, ici.</p>

                <p id="unique" class="clearfix">
                    <a href="images/bigs/ducks.jpg" class="thumbnail">
                        <img src="images/thumbs/ducks.jpg" alt="ducks" height="100" />
                    </a>
                </p>

                <h2>Mode multi</h2>

                <p>Ça va boucler, chérie...</p>

                <p id="many" class="clearfix">
                    <a href="images/bigs/fire.jpg" class="thumbnail">
                        <img src="images/thumbs/fire.jpg" alt="fire" height="100" />
                    </a>
                    <a href="images/bigs/flowers.jpg" class="thumbnail">
                        <img src="images/thumbs/flowers.jpg" alt="flowers" height="100" />
                    </a>
                    <a href="images/bigs/pipes.jpg" class="thumbnail">
                        <img src="images/thumbs/pipes.jpg" alt="pipes" height="100" />
                    </a>
                    <a href="images/bigs/new_born.jpg" class="thumbnail">
                        <img src="images/thumbs/new_born.jpg" alt="new born" height="100" />
                    </a>
                    <a href="images/bigs/insect_everest.jpg" class="thumbnail">
                        <img src="images/thumbs/insect_everest.jpg" alt="insect everest" height="100" />
                    </a>
                </p>
            </section>
        </div>

        <script src="js/jquery.js"></script>
        <script src="js/jquery.heplbox.js"></script>
        <script>
            jQuery( function() {
                jQuery( '#unique a.thumbnail' ).heplbox();
                jQuery( '#many a.thumbnail' ).heplbox();
            } );
        </script>
    </body>
</html>