Team:Harvard/test slider

From 2011.igem.org

(Difference between revisions)
(Created page with "<html> <head> <title>Galleryview 2.0 Example // appleton.me</title> <script src="http://old.appleton.me/wp-content/themes/twentyten/js/jquery.js"></script> <script src="http://ol...")
Line 1: Line 1:
<html>
<html>
-
<head>
+
    <head>
-
<title>Galleryview 2.0 Example // appleton.me</title>
+
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
-
<script src="http://old.appleton.me/wp-content/themes/twentyten/js/jquery.js"></script>
+
        <script src="http://www.people.fas.harvard.edu/~nnaushad/galleryview-3.0b1/jquery.galleryview-3.0.min.js"></script>
-
<script src="http://old.appleton.me/wp-content/themes/twentyten/js/jquery.galleryview-2.0-pack.js"></script>
+
<script src="http://www.people.fas.harvard.edu/~nnaushad/galleryview-3.0b1/jquery.timers-1.2.js"></script>
-
<script src="http://old.appleton.me/wp-content/themes/twentyten/js/jquery.timers-1.1.2.js"></script>
+
<script src="http://www.people.fas.harvard.edu/~nnaushad/galleryview-3.0b1/ajquery.easing.1.3.js"></script><!-- This is optional !-->
-
<script src="http://old.appleton.me/wp-content/themes/twentyten/js/jquery.easing.1.3.js"></script><!-- This is optional !-->
+
<link rel="stylesheet" href="jquery.galleryview-3.0.css" type="text/css" />
-
<link rel="stylesheet" href="http://old.appleton.me/wp-content/themes/twentyten/css/galleryview.css" type="text/css" />
+
<script>
-
<script>
+
$(document).ready(function(){
-
$(document).ready(function(){
+
$('#gallery').galleryView({
-
$('#gallery').galleryView({
+
panel_width: 800,
-
panel_width: 800,
+
panel_height: 300,
-
panel_height: 300,
+
frame_width: 50,
-
frame_width: 50,
+
frame_height: 50,
-
frame_height: 50,
+
panel_animation: false,
-
      transition_speed: 350,
+
transition_interval: 0
-
    easing: 'easeInOutQuad',
+
-
transition_interval: 0
+
 
 +
});
});
});
-
});
+
</script>
-
</script>
+
    </head>
-
 
+
    
-
<!-- Google Analytics - not required for GalleryView -->
+
    <body>
-
<script type="text/javascript">
+
    <ul id="gallery">
-
 
+
      <li><img src="http://old.appleton.me/wp-content/themes/twentyten/images/01.jpg" />
-
   var _gaq = _gaq || [];
+
      <div class="panel-content">
-
  _gaq.push(['_setAccount', 'UA-17711692-1']);
+
<iframe width="425" height="349"  
-
  _gaq.push(['_trackPageview']);
+
src="http://www.youtube.com/embed/Jdqk6SMfIvA"  
-
 
+
frameborder="0" allowfullscreen></iframe>
-
  (function() {
+
</div>
-
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+
-
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+
-
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+
-
  })();
+
-
 
+
-
</script>
+
-
<!-- End Google Analytics -->
+
-
 
+
-
</head>
+
-
<body>
+
-
<h1>Gallery View 2.0 Example Page</h1>
+
-
<p>This page provides an example of the markup required to implement version 2.0 of the jQuery "<a href="http://plugins.jquery.com/project/galleryview">Gallery View</a>" plugin.</p>
+
-
<p>The plugin was created by <a href="http://spaceforaname.com/">Jack Anderson</a>.</p>
+
-
<ul id="gallery">
+
-
    <li><span class="panel-overlay">This is an overlay</span><img src="http://old.appleton.me/wp-content/themes/twentyten/images/01.jpg" /></li>
+
-
    <li><span class="panel-overlay">This is another overlay</span><img src="http://old.appleton.me/wp-content/themes/twentyten/images/02.jpg" /></li>
+
-
    <li><span class="panel-overlay">This is yet another overlay</span><img src="http://old.appleton.me/wp-content/themes/twentyten/images/03.jpg" /></li>
+
-
    <li><span class="panel-overlay">This is an overlay too</span><img src="http://old.appleton.me/wp-content/themes/twentyten/images/04.jpg" /></li>
+
-
</ul>
+
-
<p>Example provided by Andrew Appleton</p>
+
-
<p><a href="http://appleton.me/">&larr; Back to appleton.me</a></p>
+
-
</body>
+
      </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/04.jpg" /></li>
 +
    </ul>
 +
    </body>
</html>
</html>

Revision as of 18:49, 11 July 2011

Retrieved from "http://2011.igem.org/Team:Harvard/test_slider"