Moved all javascript to the bottom (good practice)
[bizou.git] / plugins / viewer / view.php
1 <?php
2 /*
3     Bizou - a (french) KISS php image gallery
4     Copyright (C) 2010  Marc MAURICE
5
6     This program is free software: you can redistribute it and/or modify
7     it under the terms of the GNU General Public License as published by
8     the Free Software Foundation, either version 3 of the License, or
9     (at your option) any later version.
10
11     This program is distributed in the hope that it will be useful,
12     but WITHOUT ANY WARRANTY; without even the implied warranty of
13     MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
14     GNU General Public License for more details.
15
16     You should have received a copy of the GNU General Public License
17     along with this program.  If not, see <http://www.gnu.org/licenses/>.
18 */
19
20 $bizouRootFromHere = '../..';
21 require "$bizouRootFromHere/config.php";
22
23 $simpleImagePath = $_SERVER["PATH_INFO"];
24 if ($simpleImagePath == '/') $simpleImagePath = '';
25 // extra security check to avoid /photos/index/../.. like urls, maybe useless but..
26 if (strpos($simpleImagePath, '..') !== false) die(".. found in url");
27
28
29 if (! is_file("$bizouRootFromHere/".IMAGES_DIR.$simpleImagePath)) {
30         header("HTTP/1.1 404 Not Found");
31         die("File Not Found");
32 }
33
34 // get all images in an array
35 $images = array();
36
37 $files = scandir("$bizouRootFromHere/".IMAGES_DIR.dirname($simpleImagePath));
38 foreach ($files as $file) {
39         $ext = strtolower(substr($file, -4));
40         if ($ext == ".jpg" or $ext == ".png")
41                 $images[] = $file;
42 }
43
44 // find the image position
45 $pos = array_search(basename($simpleImagePath), $images);
46 if ($pos === false) die("Image not found");
47
48 // get prev and next images
49 $prevImage = '';
50 $nextImage = '';
51 if ($pos > 0)
52         $prevImage = $images[$pos-1];
53 if ($pos < sizeof($images)-1)
54         $nextImage = $images[$pos+1];
55
56 $scriptUrl = $_SERVER["SCRIPT_NAME"];
57 $bizouRootUrl = dirname(dirname(dirname($scriptUrl)));
58 // scriptUrl = /path/to/bizou/plugins/viewer/view.php
59 // bizouRootUrl = /path/to/bizou
60
61 // template variables
62 $imageUrl = "$bizouRootUrl/".IMAGES_DIR.$simpleImagePath;
63
64 if ($nextImage === '') {
65         $nextImageUrl = '';
66         $nextPageUrl = '';
67 } else {
68         $nextImageUrl = "$bizouRootUrl/".IMAGES_DIR.dirname($simpleImagePath)."/$nextImage";
69         $nextPageUrl = dirname($_SERVER["REQUEST_URI"])."/$nextImage";
70 }
71 if ($prevImage === '') $prevPageUrl = '';
72 else $prevPageUrl = dirname($_SERVER["REQUEST_URI"])."/$prevImage";
73
74 $directoryUrl = "$bizouRootUrl/index.php".dirname($simpleImagePath);
75
76 $firefox = strpos($_SERVER['HTTP_USER_AGENT'], 'Firefox') !== false;
77
78 header('Content-Type: text/html; charset=utf-8');
79 header('Expires: '.gmdate('D, d M Y H:i:s \G\M\T', time() + 3600));
80 ?>
81 <html>
82 <head>
83 <style type="text/css">
84 html, body {
85 height: 100%;
86 }
87 body {
88 margin: 0;
89 text-align: center;
90 background: black;
91 color: white;
92 }
93 #theimage {
94 max-width: 100%;
95 max-height: 100%;
96 }
97 a {
98         color: white;
99         text-decoration: none;
100 }
101 #next, #previous, #up {
102         position: fixed;
103         font-size: 4em;
104         font-weight: bold;
105 }
106
107 #up {
108         top: 0;
109         left: 0;
110         
111 }
112 #next {
113         top: 50%;
114         right: -0;
115         
116 }
117 #previous {
118         top: 50%;
119         left: 0;
120 }
121 img {
122         border: 0;
123 }
124 </style>
125
126 <?php if ($nextImageUrl !== '' and $firefox) { ?>
127 <link rel="prefetch" href="<?php echo $nextImageUrl ?>" />
128 <link rel="prefetch" href="<?php echo $nextPageUrl ?>" />
129 <?php } ?>
130
131 </head>
132 <body>
133
134 <a href="<?php echo $imageUrl ?>"><img src="<?php echo $imageUrl ?>" id="theimage" /></a>
135
136 <div id="up">
137 <a href="<?php echo $directoryUrl ?>" title="Back to directory">^</a>
138 </div>
139
140 <?php if ($nextPageUrl !== '') { ?>
141 <div id="next">
142 <a href="<?php echo $nextPageUrl ?>" title="Next image">&gt;</a>
143 </div>
144 <?php } ?>
145
146 <?php if ($prevPageUrl !== '') { ?>
147 <div id="previous">
148 <a href="<?php echo $prevPageUrl ?>" title="Previous image">&lt;</a>
149 </div>
150 <?php } ?>
151
152 <script type="text/javascript">
153
154 <?php if ($nextImageUrl !== '' and ! $firefox) { ?>
155 window.onload = function() { // for browsers not supporting link rel=prefetch
156         var im = new Image();
157         im.src = '<?php echo $nextImageUrl ?>';
158         var req = new XMLHttpRequest();
159         req.open('GET', '<?php echo $nextPageUrl ?>', false);
160         req.send(null);
161 };
162 <?php } ?>
163
164 // keyboard navigation
165 function keyup(e)
166 {
167         switch (e.keyCode) {
168                 case 37: // left
169                         window.location = "<?php echo $prevPageUrl ?>";
170                 break;
171                 case 39: // right
172                 case 32: // space
173                         window.location = "<?php echo $nextPageUrl ?>";
174                 break;
175                 case 38: // up  (down is 40)
176                         window.location = "<?php echo $directoryUrl ?>";
177                 break;
178                 case 13: // enter
179                         window.location = "<?php echo $imageUrl ?>";
180                 break;
181         }
182 }
183
184 if (document.addEventListener) {
185         document.addEventListener("keyup", keyup, false);
186 }
187 </script>
188
189 </body>
190 </html>