Team:Glasgow/test

From 2011.igem.org

(Difference between revisions)
(Created page with "<html> <img src="https://static.igem.org/mediawiki/2011/7/7c/Patternformation.png" width="800" height="725" alt="Pattern Formation" usemap="#patternformation" /> <map name="patternform...")
Line 1: Line 1:
<html>
<html>
-
<img src="https://static.igem.org/mediawiki/2011/7/7c/Patternformation.png" width="800" height="725" alt="Pattern Formation" usemap="#patternformation" />
+
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
-
<map name="patternformation">
+
<script type="text/javascript">
-
   <area shape="rect" coords="696,443,743,715" alt="Product Selection" href="productselection.htm" />
+
$(document).ready(function(){
-
   <area shape="rect" coords="743,443,789,716" alt="Product Selection" href="productselection.htm" />
+
   $('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2011/a/ae/Structurefixation.png');
-
   <area shape="rect" coords="48,99,219,205" alt="Pattern Forming Device" href="https://2011.igem.org/Team:Glasgow/Pattern_Forming_Device" />
+
  $('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2011/7/73/Productselection.png');
-
   <area shape="rect" coords="48,244,220,349" alt="Structure Fixing Device" href="https://2011.igem.org/Team:Glasgow/Structure_Fixing_Device" />
+
  $('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2011/7/7c/Patternformation.png');
-
   <area shape="rect" coords="591,55,763,161" alt="Product 1 Generating Device" href="https://2011.igem.org/Team:Glasgow/Product_1_Generating_Device" />
+
   $("#but1").mouseenter(function() {
-
   <area shape="rect" coords="591,173,763,280" alt="Product 2 Generating Device" href="https://2011.igem.org/Team:Glasgow/Product_2_Generating_Device" />
+
  $('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2011/7/73/Productselection.png');
-
  <area shape="rect" coords="591,293,763,397" alt="Product 3 Generating Device" href="https://2011.igem.org/Team:Glasgow/Product_3_Generating_Device" />
+
   });
-
</map>
+
  $("#but2").mouseenter(function() {
 +
  $('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2011/a/ae/Structurefixation.png');
 +
   });
 +
  $("#but4").mouseenter(function() {
 +
  $('#mainpic').attr('src', 'https://static.igem.org/mediawiki/2011/7/7c/Patternformation.png');
 +
   });
 +
 
 +
});
 +
</script>
 +
<style type="text/css">
 +
#maincon {
 +
  width:860px;
 +
  position:relative;}
 +
#mainpic {
 +
  width:860px;}
 +
#but1 {
 +
  width:47px;
 +
  height:272px;
 +
  position:absolute;
 +
  left:750px;
 +
  top:500px;
 +
  z-index:2;
 +
  background-image:url('https://static.igem.org/mediawiki/2010/b/b7/ICblank.png');}
 +
#but2 {
 +
  width:47px;
 +
  height:272px;
 +
  position:absolute;
 +
  left:800px;
 +
  top:500px;
 +
  z-index:2;
 +
  background-image:url('https://static.igem.org/mediawiki/2010/b/b7/ICblank.png');}
 +
#but3 {
 +
   width:60px;
 +
  height:60px;
 +
  position:absolute;
 +
  left:320px;
 +
  top:302px;
 +
  z-index:2;
 +
  background-image:url('https://static.igem.org/mediawiki/2010/b/b7/ICblank.png');}
 +
#but4 {
 +
  width:50px;
 +
  height:270px;
 +
  position:absolute;
 +
  left:700px;
 +
  top:500px;
 +
  z-index:2;
 +
  background-image:url('https://static.igem.org/mediawiki/2010/b/b7/ICblank.png');}
 +
</style>
 +
<div id="maincon">
 +
<img id="mainpic" />
 +
  <div id="but1">
 +
  </div>
 +
  <div id="but2">
 +
  </div>
 +
  <div id="but3">
 +
  </div>
 +
  <div id="but4">
 +
  </div>
 +
</div>
</html>
</html>
 +
 +
[[File:patternformation02.png]]
 +
[[File:productselection02.png]]
 +
[[File:structurefixation02.png]]

Revision as of 16:25, 24 August 2011

Patternformation02.png Productselection02.png Structurefixation02.png

Retrieved from "http://2011.igem.org/Team:Glasgow/test"