Team:Sheffield/project

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
{{Team:Sheffield}}
{{Team:Sheffield}}
-
<h1>This is where project details go</h1>
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 +
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 +
      <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
 +
<head>
 +
<title>jQuery virtual tour</title>
 +
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 +
<link rel="shortcut icon" href="favicon.ico" />
 +
<link rel="stylesheet" type="text/css" href="css/thickbox.css" media="screen" />
 +
<link rel="stylesheet" type="text/css" href="css/jquery.panorama.css" media="screen" />
 +
<script type="text/javascript" src="js/jquery.js"></script>
 +
<script type="text/javascript" src="js/jquery.panorama.js"></script>
 +
<script type="text/javascript">
 +
$(document).ready(function(){
 +
$("img.advancedpanorama").panorama({
 +
                auto_start: 0,
 +
start_position: 1527
 +
        });
 +
});
 +
</script>
 +
<script type="text/javascript" src="js/cvi_text_lib.js"></script>
 +
<script type="text/javascript" src="js/jquery.advanced-panorama.js"></script>
 +
<script type="text/javascript" src="js/jquery.flipv.js"></script>
 +
<script type="text/javascript" src="js/thickbox.js"></script>
 +
<script type="text/javascript">
 +
tb_pathToImage = "css/loadingAnimation.gif";
 +
</script>
 +
 
 +
<style  type="text/css">
 +
body {
 +
background: #595959;
 +
text-align: center;
 +
}
 +
h1 {
 +
color: white;
 +
margin-bottom: 2em;
 +
font-family: Verdana;
 +
font-weight: normal;
 +
font-size: 25px;
 +
}
 +
#page {
 +
text-align: center;
 +
color: white;
 +
}
 +
#page a {
 +
color: white;
 +
}
 +
#page .panorama-viewport {
 +
border: 20px solid #414141;
 +
margin-left: auto;
 +
margin-right: auto;
 +
}
 +
#page p {
 +
margin-bottom: 1em;
 +
}
 +
.TB_overlayBG {
 +
background-color: #595959;
 +
}
 +
</style>
 +
</head>
 +
<body>
 +
<h1>jQuery virtual tour</h1>
 +
 
 +
<div id="page">
 +
 
 +
 +
<img src="img/team.jpg" class="advancedpanorama" width="2448" height="375" usemap="testmap" alt="Atelier du sculpteur" />
 +
<map id="testmap" name="testmap">
 +
<!<area shape="rect" coords="1653,72,1839,255" href="salleformation.html" alt="vers la salle de formation" /> >
 +
<area shape="rect" coords="1880,65,2000,100" href="img/Jay.jpg" alt="statues" class="thickbox" />
 +
<!<area shape="rect" coords="1920,276,2070,351" href="img/gouges.jpg" alt="gouges" class="thickbox" /> >
 +
</map>
 +
 +
 +
</div>
 +
</body>
 +
</html>

Revision as of 13:07, 22 September 2014

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

       "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
     

jQuery virtual tour
















jQuery virtual tour

Atelier du sculpteur > statues >