colonymech / docs / www / colonyscout / gallery.php @ f59acf11
History | View | Annotate | Download (7.01 KB)
1 |
<?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 |
?>
|