colonymech / docs / www / colonyscout / test2.php @ 781890a0
History | View | Annotate | Download (2.27 KB)
1 | 781890a0 | Dan Shope | <!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> |