Biomod/2013/OSU/media

From OpenWetWare

(Difference between revisions)
Jump to: navigation, search
Line 67: Line 67:
     .slider img {
     .slider img {
         position:absolute;
         position:absolute;
 +
    }
 +
 +
    #img-slider-caption{
 +
        position:absolute; 
 +
        bottom:0px;
 +
        width:100%;
 +
        background-color: black;
 +
        padding-left:0px;
 +
        padding-right:0px;
 +
        filter: alpha(opacity=25);
 +
        opacity: .25;
     }
     }
Line 76: Line 87:
var imgs = ["http://openwetware.org/images/5/5b/OSU_Deformed_shape1.png", "http://openwetware.org/images/5/50/OSU_Deformed_shape2.png", "http://openwetware.org/images/8/8b/OSUwetlab1.jpg", "http://openwetware.org/images/d/dc/OSUwetlab2.jpg", "http://openwetware.org/images/0/09/OSUwetlab3.jpg", "http://openwetware.org/images/4/43/OSUwetlab4.jpg", "http://openwetware.org/images/b/be/OSUwetlab5.jpg"];
var imgs = ["http://openwetware.org/images/5/5b/OSU_Deformed_shape1.png", "http://openwetware.org/images/5/50/OSU_Deformed_shape2.png", "http://openwetware.org/images/8/8b/OSUwetlab1.jpg", "http://openwetware.org/images/d/dc/OSUwetlab2.jpg", "http://openwetware.org/images/0/09/OSUwetlab3.jpg", "http://openwetware.org/images/4/43/OSUwetlab4.jpg", "http://openwetware.org/images/b/be/OSUwetlab5.jpg"];
 +
 +
var captions = ["Front view of our structure", "Side view of our structure", "Our lab", "Our lab again", "and again...", "Gel electrophoresis", "Examining the gel after running"];
var counter = 0;
var counter = 0;
Line 106: Line 119:
-
<h1>Photos (under construction)</h1>
+
<h1>Photos</h1>
<div class="slider-container" width="600" height="400" style="margin-top:10px">
<div class="slider-container" width="600" height="400" style="margin-top:10px">
     <div class="slider" width="600" height="400">
     <div class="slider" width="600" height="400">
Line 115: Line 128:
         <div onClick="next();" class="slider-next">  
         <div onClick="next();" class="slider-next">  
             <a>>></a>
             <a>>></a>
 +
        </div>
 +
        <div id="img-slider-caption">
 +
          <p id="img-caption">Front view of our structure</p>
         </div>
         </div>
           </div>
           </div>

Revision as of 10:06, 29 August 2013


<< Back to Team Pages

Edit

Video Blogs

View the rest of our Video Blog posts on out Youtube Channel!

Photos

<<
>>

Front view of our structure


Views
Personal tools