Biomod/2013/OSU/media

From OpenWetWare

< Biomod | 2013 | OSU(Difference between revisions)
Jump to: navigation, search
Current revision (10:31, 26 October 2013) (view source)
 
(33 intermediate revisions not shown.)
Line 1: Line 1:
{{OhioMOD2013}}
{{OhioMOD2013}}
-
[http://openwetware.org/index.php?title=Biomod/2013/OSU/media&action=edit Edit]
 
<html>
<html>
<head>
<head>
<style type="text/css">
<style type="text/css">
-
#slider-container {
+
#media-container img{
-
        color: white;
+
height: 400px;
-
        text-align:left;
+
width:600px;
-
    }
+
padding: 30px;
-
.slider {
 
-
    position:relative;
 
-
    width:600px;
 
-
    height:400px;
 
-
    background-color:black;
 
-
    margin: 0 auto;
 
}
}
-
 
-
    .slider-prev {
 
-
        position:absolute; 
 
-
      width:30px;
 
-
        height:100%;
 
-
        background-color: black;
 
-
        padding-left:5px;
 
-
        padding-right:5px;
 
-
        filter: alpha(opacity=25);
 
-
        opacity: .25;
 
-
    }
 
-
    .slider-next {
 
-
        position:absolute; 
 
-
        right:0px;
 
-
        height:100%;
 
-
        background-color: black;
 
-
        padding-left:5px;
 
-
        padding-right:5px;
 
-
        filter: alpha(opacity=25);
 
-
        opacity: .25;
 
-
    }
 
-
 
-
    .slider-prev:hover {
 
-
        filter: alpha(opacity=55);
 
-
        opacity: .55;
 
-
    }
 
-
 
-
    .slider-next:hover {
 
-
        filter: alpha(opacity=55);
 
-
        opacity: .55;
 
-
    }
 
-
    .slider-prev a{
 
-
        position:absolute;
 
-
        top: 50%;
 
-
        text-decoration:none;
 
-
        color:#FFFFFF;
 
-
        font-size:24px;
 
-
     
 
-
    }
 
-
    .slider-next a{
 
-
      position:relative;
 
-
      top: 50%;
 
-
      text-decoration:none;
 
-
      color:#FFFFFF;
 
-
      font-size:24px;
 
-
    }
 
-
 
-
    .slider img {
 
-
        position:absolute;
 
-
    }
 
-
 
-
 
</style>
</style>
 +
</head>
-
 
+
<body>
-
<script type="text/javascript">
+
-
 
+
-
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 counter = 0;
+
-
 
+
-
function next(){
+
-
counter++;
+
-
if (counter >= imgs.length){counter = 0;}
+
-
document.getElementById("slider-img").setAttribute("src", imgs[counter]);
+
-
}
+
-
 
+
-
function previous(){
+
-
counter--;
+
-
if (counter < 0 ){counter = imgs.length - 1;}
+
-
document.getElementById("slider-img").setAttribute("src", imgs[counter]);
+
-
 
+
-
}
+
-
 
+
-
</script>
+
-
 
+
-
</head>
+
<div id="media-container" style="width:65%;margin-left:auto;margin-right:auto;">
<div id="media-container" style="width:65%;margin-left:auto;margin-right:auto;">
-
<h1>Video Blogs</h1>
+
<h1><a href="http://openwetware.org/wiki/Biomod/2013/OSU/animations">Animations</a></h1>
-
 
+
-
<div class="slider-container" width="600" height="400" style="margin-top:10px">
+
-
    <div class="slider" width="600" height="400">
+
-
        <iframe style="margin-top:10px" width="560" height="315" src="//www.youtube.com/embed/tGonkdAFvUs" frameborder="0" allowfullscreen></iframe>
+
-
        <div onClick="previousvid();" class="slider-prev">
+
-
            <a><<</a>
+
-
        </div>
+
-
        <div onClick="nextvid();" class="slider-next">  
+
-
            <a>>></a>
+
-
        </div>
+
-
          </div>
+
-
    </div>
+
-
<p>View the rest of our Video Blog posts on out <a href="http://www.youtube.com/user/OhioMOD2013">Youtube Channel</a>!</p>
+
<h1><a href="http://openwetware.org/wiki/Biomod/2013/OSU/photos">Photos</a></h1>
 +
<h1><a href="http://openwetware.org/wiki/Biomod/2013/OSU/videoblogs">Video Blogs</a></h1>
-
<h1>Photos (under construction)</h1>
+
</div>
-
<div class="slider-container" width="600" height="400" style="margin-top:10px">
+
-
    <div class="slider" width="600" height="400">
+
-
        <img id="slider-img" src="http://openwetware.org/images/5/5b/OSU_Deformed_shape1.png" width="600" height="400" />
+
-
        <div onClick="previous();" class="slider-prev">
+
-
            <a><<</a>
+
-
        </div>
+
-
        <div onClick="next();" class="slider-next">
+
-
            <a>>></a>
+
-
        </div>
+
-
          </div>
+
-
    </div>
+
 +
</body>
</html>
</html>
{{OSUFooter}}
{{OSUFooter}}

Current revision


<< Back to Team Pages

Animations

Photos

Video Blogs

Please direct all inquiries to our group email at theohiomod@gmail.com.

Retrieved from "http://openwetware.org/wiki/Biomod/2013/OSU/media"
Views
Personal tools