colonymech / docs / www / colonyscout / gallery.php @ f59acf11
History | View | Annotate | Download (7.01 KB)
1 | f59acf11 | Dan Shope | <?php
|
---|---|---|---|
2 | $cacheFile="cache/gallery.html"; |
||
3 | if (file_exists($cacheFile)) //we can read this cache file back reduce database load |
||
4 | { |
||
5 | header("Content-Type: text/html"); |
||
6 | readfile($cacheFile); |
||
7 | exit;
|
||
8 | } else {
|
||
9 | ob_start(); //start buffering so we can cache for future accesses
|
||
10 | } |
||
11 | ?>
|
||
12 | |||
13 | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||
14 | <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head> |
||
15 | <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/> |
||
16 | <meta name="description" content="See the SCOUT platform, testing suspension and control algorithms"/> |
||
17 | <meta name="keywords" content="Scout video, pictures, media, gallery, robotics, tech demo"/> |
||
18 | |||
19 | <?php include("header.php"); ?> |
||
20 | <script type="text/javascript" src="highslide-with-gallery.js"></script> |
||
21 | <link rel="stylesheet" type="text/css" href="highslide.css" /> |
||
22 | <title>Media Gallery | ColonyScout.com</title> |
||
23 | |||
24 | <script type="text/javascript"> |
||
25 | hs.graphicsDir = 'images/graphics/';
|
||
26 | hs.align = 'center';
|
||
27 | hs.transitions = ['expand', 'crossfade'];
|
||
28 | hs.outlineType = 'glossy-dark';
|
||
29 | hs.wrapperClassName = 'dark';
|
||
30 | hs.fadeInOut = true;
|
||
31 | hs.dimmingOpacity = 0.75;
|
||
32 | |||
33 | // Add the controlbar
|
||
34 | if (hs.addSlideshow) hs.addSlideshow({
|
||
35 | //slideshowGroup: 'group1',
|
||
36 | interval: 5000,
|
||
37 | repeat: false,
|
||
38 | useControls: true,
|
||
39 | fixedControls: 'fit',
|
||
40 | overlayOptions: {
|
||
41 | opacity: .6,
|
||
42 | position: 'bottom center',
|
||
43 | hideOnMouseOut: true
|
||
44 | }
|
||
45 | });
|
||
46 | </script>
|
||
47 | |||
48 | </head>
|
||
49 | <body bgcolor="#eeeeee"> |
||
50 | |||
51 | <div id="general"> |
||
52 | <?php include("nav.php"); ?> |
||
53 | <div id="body"> |
||
54 | <div id="body-boxes"> |
||
55 | <div class="box-row" style="margin-top: 10px;"> |
||
56 | <div class="white-top"></div> |
||
57 | <div class="white-body text-box"> |
||
58 | <h1>Media Gallery</h1> |
||
59 | <p><span class="description">See the Scout prototype in action</span></p> |
||
60 | <div class="hr"></div> |
||
61 | |||
62 | <div class="highslide-gallery"> |
||
63 | <a class="highslide" onclick="return hs.expand(this)" href="gallery/full/black.jpg"><img src="gallery/black.jpg" class="img-box" alt="Scout v5 Iso"/></a> |
||
64 | <a class="highslide" onclick="return hs.expand(this)" href="gallery/full/black_hood_up.jpg"><img src="gallery/black_hood_up.jpg" class="img-box" alt="Detail with hood up"/></a> |
||
65 | <a class="highslide" onclick="return hs.expand(this)" href="gallery/full/blue.jpg"><img src="gallery/blue.jpg" class="img-box" alt="Rear cover removed"/></a> |
||
66 | <a class="highslide" onclick="return hs.expand(this)" href="gallery/full/red.jpg"><img src="gallery/red.jpg" class="img-box" alt="Red Scout v5"/></a> |
||
67 | </div>
|
||
68 | |||
69 | <div class="video-box"><h2>Rocker Suspension Demonstration</h2> |
||
70 | <video controls="true"> |
||
71 | <source src="http://colonyscout.com/gallery/cs_testing_day2.mp4" type="video/mp4"> |
||
72 | <source src="http://colonyscout.com/gallery/cs_testing_day2.ogg" type="video/ogg"> |
||
73 | <object width="438" height="270"><param name="movie" value="http://www.youtube.com/v/ePaPGyjW2uk&hl=en_US&fs=1&rel=0&hd=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/ePaPGyjW2uk&hl=en_US&fs=1&rel=0&hd=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="424" height="270"></embed></object></p> |
||
74 | </video>
|
||
75 | </div>
|
||
76 | |||
77 | <div class="video-box"><h2>Obstacle Avoidance with a Scanning Sonar</h2> |
||
78 | <video controls="true"> |
||
79 | <source src="http://colonyscout.com/gallery/cs_obstacle_avoidance.mp4" type="video/mp4"> |
||
80 | <source src="http://colonyscout.com/gallery/cs_obstacle_avoidance.ogg" type="video/ogg"> |
||
81 | <object width="438" height="270"><param name="movie" value="http://www.youtube.com/v/XXWjhqV0-M8&hl=en_US&fs=1&rel=0&hd=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/XXWjhqV0-M8&hl=en_US&fs=1&rel=0&hd=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="424" height="270"></embed></object> |
||
82 | </video>
|
||
83 | </div>
|
||
84 | |||
85 | <div class="video-box"><h2>Rocker Suspension Hills Course</h2> |
||
86 | <video controls="true"> |
||
87 | <source src="http://colonyscout.com/gallery/cs_hills.mp4" type="video/mp4"> |
||
88 | <source src="http://colonyscout.com/gallery/cs_hill.ogg" type="video/ogg"> |
||
89 | <object width="435" height="270"><param name="movie" value="http://www.youtube.com/v/W4883KYsylM?fs=1&hl=en_US&rel=0&color1=0x2b405b&color2=0x6b8ab6&hd=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/W4883KYsylM?fs=1&hl=en_US&rel=0&color1=0x2b405b&color2=0x6b8ab6&hd=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="435" height="270"></embed></object></p> |
||
90 | </video>
|
||
91 | </div>
|
||
92 | |||
93 | <div class="video-box"><h2>Navigation and Off Roading</h2> |
||
94 | <video controls="true"> |
||
95 | <source src="http://colonyscout.com/gallery/cs_outdoors.mp4" type="video/mp4"> |
||
96 | <source src="http://colonyscout.com/gallery/cs_outdoors.ogg" type="video/ogg"> |
||
97 | <object width="435" height="270"><param name="movie" value="http://www.youtube.com/v/GYKT9hKvuYo?fs=1&hl=en_US&rel=0&color1=0x2b405b&color2=0x6b8ab6&hd=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/GYKT9hKvuYo?fs=1&hl=en_US&rel=0&color1=0x2b405b&color2=0x6b8ab6&hd=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="435" height="270"></embed></object></p> |
||
98 | </video>
|
||
99 | </div>
|
||
100 | |||
101 | <div class="highslide-gallery"> |
||
102 | <a class="highslide" onclick="return hs.expand(this)" href="gallery/full/P1260943.jpg"><img src="gallery/P1260943.jpg" class="img-box" alt="Scout"/></a> |
||
103 | <a class="highslide" onclick="return hs.expand(this)" href="gallery/full/P1270034.jpg"><img src="gallery/P1270034.jpg" class="img-box" alt="SCOUT prototype and parts"/></a> |
||
104 | <a class="highslide" onclick="return hs.expand(this)" href="gallery/full/P1260999.jpg"><img src="gallery/P1260999.jpg" class="img-box" alt="3 colored Scout parts"/></a> |
||
105 | <a class="highslide" onclick="return hs.expand(this)" href="gallery/full/P1260801.jpg"><img src="gallery/P1260801.jpg" class="img-box" alt="Scout Aluminum Chassis"/></a> |
||
106 | </div>
|
||
107 | |||
108 | <div id="bottom-nav"> |
||
109 | <div class="hr"></div> |
||
110 | <ul id="pagenav"> |
||
111 | <li class="previous"> |
||
112 | <a href="<?php echo $nav[$nav_id['vids']-1]; ?></a></li> |
||
113 | <li class="next"> |
||
114 | <a href="<?php echo $nav[$nav_id['vids']+1]; ?></a></li> |
||
115 | </ul>
|
||
116 | </div>
|
||
117 | |||
118 | </div>
|
||
119 | <div class="white-bottom"></div> |
||
120 | </div>
|
||
121 | |||
122 | |||
123 | </div>
|
||
124 | </div> <!--BODY!--> |
||
125 | |||
126 | |||
127 | <?php include("footer.php"); ?> |
||
128 | |||
129 | </div><!--GENERAL!--> |
||
130 | |||
131 | </body></html> |
||
132 | |||
133 | <?php
|
||
134 | $buffer = ob_get_contents();
|
||
135 | ob_end_flush(); |
||
136 | //$fp = fopen($cacheFile, "w"); fwrite($fp, $buffer); fclose($fp);
|
||
137 | ?> |