Team:Imperial College/Templates/Carousel2
From 2013.igem.org
(Difference between revisions)
Iain Bower (Talk | contribs) |
Iain Bower (Talk | contribs) |
||
Line 1: | Line 1: | ||
<html> | <html> | ||
- | < | + | <link rel="stylesheet" href="http://synbiuk.org/igem/flexslider.css" type="text/css" media="screen" /> |
- | + | ||
- | + | <!-- Modernizr --> | |
- | + | <script src="http://synbiuk.org/igem/modernizr.js"></script> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | |||
Line 60: | Line 43: | ||
</div> | </div> | ||
+ | <!-- jQuery --> | ||
+ | <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> | ||
+ | <script>window.jQuery || document.write('<script src="js/libs/jquery-1.7.min.js">\x3C/script>')</script> | ||
+ | |||
+ | <!-- FlexSlider --> | ||
+ | <script defer src="http://synbiuk.org/igem/jquery.flexslider.js"></script> | ||
+ | |||
+ | <script type="text/javascript"> | ||
+ | $(function(){ | ||
+ | SyntaxHighlighter.all(); | ||
+ | }); | ||
+ | $(window).load(function(){ | ||
+ | $('#carousel').flexslider({ | ||
+ | animation: "slide", | ||
+ | controlNav: false, | ||
+ | animationLoop: false, | ||
+ | slideshow: false, | ||
+ | itemWidth: 210, | ||
+ | itemMargin: 5, | ||
+ | asNavFor: '#slider' | ||
+ | }); | ||
+ | |||
+ | $('#slider').flexslider({ | ||
+ | animation: "slide", | ||
+ | controlNav: false, | ||
+ | animationLoop: false, | ||
+ | slideshow: false, | ||
+ | sync: "#carousel", | ||
+ | start: function(slider){ | ||
+ | $('body').removeClass('loading'); | ||
+ | } | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
Revision as of 18:44, 1 October 2013