Statistics
| Branch: | Revision:

root / 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>