PictureViewer/index.html at main · gitkps/PictureViewer · 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
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98

        <!DOCTYPE html>
        <html>
        <head>
            <style>
                .image-container {
                    margin: 20px auto;
                    max-width: 800px;
                }
                .comment-box {
                    width: 500px;
                    margin: 10px auto;
                    padding: 10px;
                    border: 1px solid #ccc;
                    white-space: pre-wrap;
                    min-height: 20px;
                }
                img {
                    width: 500px;
                    height: auto;
                    display: block;
                    margin: 0 auto;
                }
            </style>
        </head>
        <body>

            <div class="image-container">
                <img src="IMG-20220225-WA0010.jpg" alt="IMG-20220225-WA0010.jpg">
                <div class="comment-box">1
2
3
4
5
6</div>
            </div>

            <div class="image-container">
                <img src="IMG-20220225-WA0011.jpg" alt="IMG-20220225-WA0011.jpg">
                <div class="comment-box">2
3
4
5
6</div>
            </div>

            <div class="image-container">
                <img src="IMG-20220225-WA0012.jpg" alt="IMG-20220225-WA0012.jpg">
                <div class="comment-box">3
4
5
6
7</div>
            </div>

            <div class="image-container">
                <img src="IMG-20220226-WA0001.jpg" alt="IMG-20220226-WA0001.jpg">
                <div class="comment-box"></div>
            </div>

            <div class="image-container">
                <img src="IMG-20220226-WA0002.jpg" alt="IMG-20220226-WA0002.jpg">
                <div class="comment-box"></div>
            </div>

            <div class="image-container">
                <img src="IMG-20220226-WA0003.jpg" alt="IMG-20220226-WA0003.jpg">
                <div class="comment-box"></div>
            </div>

            <div class="image-container">
                <img src="IMG-20220226-WA0004.jpg" alt="IMG-20220226-WA0004.jpg">
                <div class="comment-box"></div>
            </div>

            <div class="image-container">
                <img src="IMG-20220226-WA0005.jpg" alt="IMG-20220226-WA0005.jpg">
                <div class="comment-box"></div>
            </div>

            <div class="image-container">
                <img src="IMG-20220226-WA0006.jpg" alt="IMG-20220226-WA0006.jpg">
                <div class="comment-box"></div>
            </div>

            <div class="image-container">
                <img src="IMG-20220226-WA0011.jpg" alt="IMG-20220226-WA0011.jpg">
                <div class="comment-box"></div>
            </div>

            <div class="image-container">
                <img src="IMG-20220227-WA0000.jpg" alt="IMG-20220227-WA0000.jpg">
                <div class="comment-box">11</div>
            </div>

        </body>
        </html>