colonymech / docs / www / colonyscout / test2.php @ 781890a0
History | View | Annotate | Download (2.27 KB)
1 |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
---|---|
2 |
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head> |
3 |
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> |
4 |
<meta name="google-site-verification" content="hwSOLj8uDUaKyOjQ4eAfxBHhnmCH0C-tS5hlC-wk0lw" /> |
5 |
<meta name="description" content="A low cost, versatile research platform for autonomous systems in collaborative robotics"> |
6 |
<meta name="keywords" content="Scout, robotics, Carnegie Mellon University, autonomous, engineer"> |
7 |
|
8 |
<script type="text/javascript" src="http://www.google.com/jsapi"></script> |
9 |
<script type="text/javascript"> |
10 |
google.load("jquery", "1.6.4");
|
11 |
|
12 |
numphotos = 4;
|
13 |
photoselect = (Math.floor(Math.random() * numphotos) + 1);
|
14 |
|
15 |
photo = new Image();
|
16 |
photo.src = "photos/" + photoselect + ".jpg";
|
17 |
|
18 |
nextphoto = new Image();
|
19 |
nextphoto.src = "photos/" + ((photoselect % numphotos) + 1) + ".jpg";
|
20 |
|
21 |
google.setOnLoadCallback(function() {
|
22 |
$(document).ready(function() {
|
23 |
$('#photo').css('background-image', "url('" + photo.src + "')");
|
24 |
$('#photo').fadeIn();
|
25 |
});
|
26 |
});
|
27 |
|
28 |
|
29 |
function changephoto(){
|
30 |
photoselect = ((photoselect % numphotos) + 1);
|
31 |
photo = nextphoto;
|
32 |
|
33 |
$('#photo').fadeOut(500, function(){
|
34 |
$('#photo').css('background-image', "url('" + photo.src + "')");
|
35 |
$('#photo').fadeIn();
|
36 |
});
|
37 |
|
38 |
nextphoto = new Image();
|
39 |
nextphoto.src = "photos/" + ((photoselect % numphotos) + 1); + ".jpg";
|
40 |
}
|
41 |
|
42 |
setInterval('changephoto()',3000);
|
43 |
</script>
|
44 |
<title>Home | ColonyScout.com</title> |
45 |
|
46 |
</head>
|
47 |
<body bgcolor="#eeeeee"> |
48 |
|
49 |
<div id="general"> |
50 |
<?php include("nav.php"); ?> |
51 |
<div id="body"> |
52 |
<div id="body-boxes"> |
53 |
|
54 |
|
55 |
|
56 |
|
57 |
|
58 |
|
59 |
<div class="box-row topmargin"> |
60 |
<div class="white-top"></div> |
61 |
<div class="white-body text-box"> |
62 |
<div id="photo" style="display: none; width:940px; height:210px; margin: 0 0 0 0; background-color: #ffffff; background-image:url('photos/1.jpg'); background-repeat:no-repeat;"> |
63 |
<a href="javascript: changephoto();" style="width:940px; height:210px; margin:0 0 10 0; float:left; text-decoration: none; color: #000000;"></a> |
64 |
</div>
|
65 |
</div>
|
66 |
<div class="white-bottom"></div> |
67 |
</div>
|
68 |
|
69 |
</div>
|
70 |
</div> <!--BODY!--> |
71 |
|
72 |
</div><!--GENERAL!--> |
73 |
|
74 |
</body></html> |