Team:Virginia/Attributions

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
 
-
 
<html>
<html>
<head>
<head>
-
 
+
<script src="http://code.jquery.com/jquery-git2.js"></script>
-
    <script src="http://code.jquery.com/jquery-git2.js"></script>
+
  <link rel="stylesheet" href="http://fancyapps.com/fancybox/source/jquery.fancybox.css" type="text/css" media="screen" />
-
    <style>
+
     <script type="text/javascript" src="http://fancyapps.com/fancybox/source/jquery.fancybox.js"></script>
-
#slider-wrapper {width:700px; height:200px;}
+
 
-
     #slider {width:700px; height:200px; position:relative;}
+
<script>
-
    .sp {width:700px; height:200px; position:absolute;}
+
      $(document).ready(function() {
-
 
+
        $('.fancybox').fancybox();
-
    #nav {margin-top:20px; width:100%;}
+
        $("selector").fancybox({
-
    #button-previous {float:left;}
+
     arrows : false
-
    #button-next {float:right;}
+
});
-
    </style>
+
-
    <script>
+
-
$(document).ready(function(){
+
-
    $('.sp').first().addClass('active');
+
-
    $('.sp').hide();   
+
-
    $('.active').show();
+
-
 
+
-
    $('#button-next').click(function(){
+
-
 
+
-
     $('.active').removeClass('active').addClass('oldActive');   
+
-
                  if ( $('.oldActive').is(':last-child')) {
+
-
        $('.sp').first().addClass('active');
+
-
        }
+
-
        else{
+
-
        $('.oldActive').next().addClass('active');
+
-
        }
+
-
    $('.oldActive').removeClass('oldActive');
+
-
    $('.sp').fadeOut();
+
-
    $('.active').fadeIn();
+
-
       
+
          
          
     });
     });
-
 
+
 
-
      $('#button-previous').click(function(){
+
    
-
    $('.active').removeClass('active').addClass('oldActive');    
+
</script>
-
          if ( $('.oldActive').is(':first-child')) {
+
 
-
        $('.sp').last().addClass('active');
+
  <style>
-
        }
+
   
-
          else{
+
    </style>
-
    $('.oldActive').prev().addClass('active');
+
-
          }
+
-
    $('.oldActive').removeClass('oldActive');
+
-
    $('.sp').fadeOut();
+
-
    $('.active').fadeIn();
+
-
    });
+
-
 
+
-
 
+
-
 
+
-
 
+
-
    });
+
-
    </script>
+
-
 
+
-
    <title></title>
+
</head>
</head>
-
 
<body>
<body>
-
    <div id="slider-wrapper">
+
<a  class="fancybox" href="http://fancyapps.com/fancybox/demo/1_b.jpg"><img src="http://fancyapps.com/fancybox/demo/1_s.jpg" alt=""/></a>
-
        <div id="slider">
+
-
            <div class="sp" style="background: blue;">
+
-
                akjdfalfkdj
+
-
            </div>
+
-
 
+
-
            <div class="sp" style="background: yellow;">
+
-
                akjdfautlfkdkjkhkj
+
-
            </div>
+
-
 
+
-
            <div class="sp" style="background: green;">
+
-
                akjdfalfkdiyukjkhkj
+
-
            </div>
+
-
 
+
-
            <div class="sp" style="background: red;">
+
-
                akjdfalfkdkkljjkhkj
+
-
            </div>
+
-
        </div>
+
-
    </div>
+
-
    <div id="nav"></div>
+
<a class="fancybox" href="http://fancyapps.com/fancybox/demo/2_b.jpg"><img src="http://fancyapps.com/fancybox/demo/2_s.jpg" alt=""/></a>
-
    <div id="button-previous">
 
-
        prev
 
-
    </div>
 
-
    <div id="button-next">
 
-
        next
 
-
    </div>
 
</body>
</body>
</html>
</html>

Revision as of 15:12, 27 June 2014

Retrieved from "http://2014.igem.org/Team:Virginia/Attributions"