makeGallery/index.html at master · setrin/makeGallery · 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
<!DOCTYPE HTML>
<html>
    <head>
        <title>makeGallery</title>
        <link type="text/css" rel="stylesheet" href="style.css">
        <script src="jquery.js" type="text/javascript"></script>
        <script src="functions.js" type="text/javascript"></script>
    </head>

    <body>
        <div id="container" >
            <!--<div class="gallery">
                <a href="#" class="navigation"><</a>
                <a href="images/tree-247122.jpg" class="picture">
                    <img src="images/tree-247122.jpg" />
                    <ul>
                        <li>Beautiful tree</li>
                        <li>@Jeff</li>
                    </ul>
                </a>
                <a href="#" class="navigation">></a>
                <ul class="pageing">
                    <li><a href="#" data-position="1">1</a></li>
                    <li><a href="#" data-position="2">2</a></li>
                    <li><a href="#" data-position="3">3</a></li>
                    <li><a href="#" data-position="4">4</a></li>
                    <li><a href="#" data-position="5">5</a></li>
                </ul>
            </div>-->
        </div>

        <div id="myGallery" style="display: block;">
            <a data-title="Tiger in winter" data-author="Jeff" class="gallery" href="http://google.com" data-img="images/Winter-Tiger-Wild-Cat-Images.jpg"><img src="images/Winter-Tiger-Wild-Cat-Images.jpg" /></a>
            <a data-title="Baloon" data-author="Zed" class="gallery" href="http://google.com" data-img="images/canberra_hero_image.jpg"><img src="images/canberra_hero_image.jpg" /></a>
            <a data-title="Amazing tree" data-author="Josh" class="gallery" href="http://google.com" data-img="images/tree-247122.jpg"><img src="images/tree-247122.jpg" /></a>
            <a data-title="Sunflowers" data-author="Caleb" class="gallery" href="http://google.com" data-img="images/images-7.jpg"><img src="images/images-7.jpg" /></a>
            <a data-title="Math genius" data-author="Rakesh" class="gallery" href="http://google.com" data-img="images/img_entry_002.jpg"><img src="images/img_entry_002.jpg" /></a>
            <a data-title="Girl with flower" data-author="Michael" class="gallery" href="http://google.com" data-img="images/Child-Girl-with-Sunflowers-Images.jpg"><img src="images/Child-Girl-with-Sunflowers-Images.jpg" /></a>
            <a data-title="Another tree" data-author="Jeff" class="gallery" href="http://google.com" data-img="images/beautiful-images-26824-27540-hd-wallpapers.jpg"><img src="images/beautiful-images-26824-27540-hd-wallpapers.jpg" /></a>
            <a data-title="Google/gmail background" data-author="Monika" class="gallery" href="http://google.com" data-img="images/background-gmail-google-images.jpg"><img src="images/background-gmail-google-images.jpg" /></a>
            <a data-title="Deep space" data-author="Dominik" class="gallery" href="http://google.com" data-img="images/pia17811-640.jpg"><img src="images/pia17811-640.jpg" /></a>
            <a data-title="Lolipops" data-author="Hansel" class="gallery" href="http://google.com" data-img="images/how-update-nexus-5-official-android-5-0-lollipop-build-lrx21o-via-factory-image.jpg"><img src="images/how-update-nexus-5-official-android-5-0-lollipop-build-lrx21o-via-factory-image.jpg" /></a>
        </div>
    </body>
</html>