Team:Harvard/test slider1

From 2011.igem.org

(Difference between revisions)
 
Line 1: Line 1:
-
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+
<html>
     <head>
     <head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
-
         <script src="jquery.galleryview-3.0.js"></script>
+
         <script src="http://www.people.fas.harvard.edu/~nnaushad/galleryview-3.0b1/jquery.galleryview-3.0.min.js"></script>
-
<script src="jquery.timers-1.2.js"></script>
+
<script src="http://www.people.fas.harvard.edu/~nnaushad/galleryview-3.0b1/jquery.timers-1.2.js"></script>
-
<script src="jquery.easing.1.3.js"></script><!-- This is optional !-->
+
<script src="http://www.people.fas.harvard.edu/~nnaushad/galleryview-3.0b1/ajquery.easing.1.3.js"></script><!-- This is optional !-->
<link rel="stylesheet" href="jquery.galleryview-3.0.css" type="text/css" />
<link rel="stylesheet" href="jquery.galleryview-3.0.css" type="text/css" />
-
 
<script>
<script>
$(document).ready(function(){
$(document).ready(function(){
$('#gallery').galleryView({
$('#gallery').galleryView({
-
panel_width: 800,
+
panel_width: 960,
-
panel_height: 300,
+
panel_height: 400,
frame_width: 50,
frame_width: 50,
frame_height: 50,
frame_height: 50,
-
panel_animation: false,
+
panel_animation: true,
-
transition_interval: 0
+
transition_interval: 2750
 
 
Line 21: Line 20:
});
});
</script>
</script>
-
 
-
        <script src="http://www.google.com/jsapi"></script>
 
-
    <script>
 
-
      google.load("swfobject", "2.2");
 
-
    </script>
 
-
 
-
 
-
</script>
 
-
 
-
<style type="text/css">
 
-
 
-
#left_arrow {
 
-
 
 
-
position:absolute;
 
-
 
 
-
top:144px;
 
-
 
 
-
right:0px;
 
-
zIndex:1101;
 
-
 
 
-
background-color:red;
 
-
   
 
-
color:blue;
 
-
 
-
}
 
-
 
-
</style>
 
-
 
     </head>
     </head>
    
    
Line 55: Line 26:
      <li><img src="http://old.appleton.me/wp-content/themes/twentyten/images/01.jpg" />
      <li><img src="http://old.appleton.me/wp-content/themes/twentyten/images/01.jpg" />
       <div class="panel-content">
       <div class="panel-content">
-
                       
+
<iframe width="425" height="300"
-
+
src="http://www.youtube.com/embed/Jdqk6SMfIvA"
-
<div id="left_arrow">lkjlkj</div>
+
frameborder="0" allowfullscreen></iframe>
-
+
-
 
+
</div>
</div>
-
 
       </li>
       </li>
       <li><img src="http://old.appleton.me/wp-content/themes/twentyten/images/02.jpg" /></li>
       <li><img src="http://old.appleton.me/wp-content/themes/twentyten/images/02.jpg" /></li>
       <li><img src="http://old.appleton.me/wp-content/themes/twentyten/images/03.jpg" /></li>
       <li><img src="http://old.appleton.me/wp-content/themes/twentyten/images/03.jpg" /></li>
       <li><img src="http://old.appleton.me/wp-content/themes/twentyten/images/04.jpg" /></li>
       <li><img src="http://old.appleton.me/wp-content/themes/twentyten/images/04.jpg" /></li>
 +
                <li><img src="http://www.biotech.iastate.edu/enews/images/editions/1105/ZFP-PDB1AAY.png" /></li>
     </ul>
     </ul>
     </body>
     </body>
</html>
</html>

Latest revision as of 15:42, 20 July 2011