Team:StuyGem NYC

From 2014hs.igem.org

(Difference between revisions)
Line 62: Line 62:
     position:relative;
     position:relative;
     z-index:20;
     z-index:20;
 +
}
 +
.thumbnails img {
 +
 +
height: 80px;
 +
 +
border: 4px solid #555;
 +
 +
padding: 1px;
 +
 +
margin: 0 10px 10px 0;
 +
 +
}
 +
 +
 +
.thumbnails img:hover {
 +
border: 4px solid #00ccff;
 +
 +
cursor:pointer;
 +
}
 +
 +
 +
.preview img {
 +
border: 4px solid #444;
 +
 +
padding: 1px;
 +
 +
height: 500px;
}
}
Line 136: Line 163:
<h3>Photo Gallery</h3>
<h3>Photo Gallery</h3>
</center>
</center>
-
<img src="https://pbs.twimg.com/media/Bkfp7KhCAAAb6gp.jpg" height = "300">  
+
<div class="gallery" align="center">
-
<img src="https://pbs.twimg.com/media/BlZnWsqCYAAjGxL.jpg" height = "300">  
+
<div class="thumbnails">
-
<img src="https://pbs.twimg.com/media/Bmk9AScIYAA2u98.jpg" height = "300">  
+
 
-
<img src="https://pbs.twimg.com/media/Bm6UMgqIIAAfzPi.jpg" height = "300">
+
<img onmouseover="preview.src=img1.src" id="img1" src="https://pbs.twimg.com/media/Bkfp7KhCAAAb6gp.jpg" alt="Image Not Loaded"/>
-
<img src="https://pbs.twimg.com/media/BoB-Cm4IgAAI_LV.jpg" height = "300">
+
<img onmouseover="preview.src=img2.src" id="img2" src="https://pbs.twimg.com/media/BlZnWsqCYAAjGxL.jpg" alt="Image Not Loaded"/>
-
<img src="https://pbs.twimg.com/media/BqDncTQCcAA8Qe1.jpg" height = "300">
+
<img onmouseover="preview.src=img3.src" id="img3" src="https://pbs.twimg.com/media/Bmk9AScIYAA2u98.jpg" alt="Image Not Loaded"/>
-
<img src="https://pbs.twimg.com/media/BqDnxN2CcAERiye.jpg" height = "300">
+
<img onmouseover="preview.src=img4.src" id="img4" src="https://pbs.twimg.com/media/Bm6UMgqIIAAfzPi.jpg" alt="Image Not Loaded"/>
 +
<img onmouseover="preview.src=img5.src" id="img5" src="https://pbs.twimg.com/media/BoB-Cm4IgAAI_LV.jpg" alt="Image Not Loaded"/>
 +
<img onmouseover="preview.src=img6.src" id="img6" src="https://pbs.twimg.com/media/BqDncTQCcAA8Qe1.jpg" alt="Image Not Loaded"/>
 +
<img onmouseover="preview.src=img7.src" id="img7" src="https://pbs.twimg.com/media/BqDnxN2CcAERiye.jpg" alt="Image Not Loaded"/>
 +
</div><br/>
 +
<div class="preview" align="center">
 +
 +
<img id="preview" src="https://pbs.twimg.com/media/Bkfp7KhCAAAb6gp.jpg" alt="No Image Loaded"/>
 +
</div>
 +
 
 +
</div>
 +
 
 +
</div>
</div>
</div>
</div>
</div>

Revision as of 01:58, 21 June 2014


StuyGem NYC




Get in touch!

Visit Our Twitter Page!

Photo Gallery



Retrieved from "http://2014hs.igem.org/Team:StuyGem_NYC"