Team:NYMU-Taipei/Frontpage/Slider
From 2013.igem.org
(Difference between revisions)
Mastershot (Talk | contribs) |
Blackrabbit (Talk | contribs) |
||
(33 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | |||
- | |||
- | |||
<html class="no-js" lang="en"> | <html class="no-js" lang="en"> | ||
<head> | <head> | ||
+ | |||
+ | <meta content="charset=utf-8"> | ||
+ | <title>FlexSlider 2</title> | ||
+ | <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"> | ||
<!-- Demo CSS --> | <!-- Demo CSS --> | ||
- | <link rel="stylesheet" href=" | + | <link rel="stylesheet" href="https://2013.igem.org/Team:NYMU-Taipei/Frontpage/Slider/demo.css?action=raw&ctype=text/css" type="text/css" media="screen" /> |
- | <link rel="stylesheet" href="../flexslider.css" type="text/css" media="screen" /> | + | <link rel="stylesheet" href="https://2013.igem.org/Team:NYMU-Taipei/Frontpage/Slider/flexslider.css?action=raw&ctype=text/css" type="text/css" media="screen" /> |
+ | |||
+ | <!-- jquery.flexslider.js--> | ||
+ | <script type="text/javascript"> | ||
+ | |||
+ | </script> | ||
</head> | </head> | ||
- | <body | + | <body> |
<div id="container" class="cf"> | <div id="container" class="cf"> | ||
- | + | <div id="main" role="main" style="overflow: hidden;"> | |
- | <section class="slider"> | + | <section class="slider" style="overflow: hidden;"> |
- | <div class="flexslider"> | + | <div class="flexslider"n;"> |
<ul class="slides"> | <ul class="slides"> | ||
- | |||
- | |||
- | |||
<li> | <li> | ||
- | <img src=" | + | <img src="https://static.igem.org/mediawiki/2013/7/7a/NYMU_IMG_7034.jpg" /> |
</li> | </li> | ||
<li> | <li> | ||
- | <img src=" | + | <img src="https://static.igem.org/mediawiki/2013/7/70/NYMU_IMG_7523.jpg" /> |
</li> | </li> | ||
- | <li> | + | <li> |
- | <img src=" | + | <img src="https://static.igem.org/mediawiki/2013/f/fd/NYMU_IMG_7112.jpg" /> |
+ | </li> | ||
+ | <li> | ||
+ | <img src="https://static.igem.org/mediawiki/2013/8/87/NYMU_IMG_7285.jpg" /> | ||
</li> | </li> | ||
</ul> | </ul> | ||
</div> | </div> | ||
</section> | </section> | ||
+ | |||
+ | </div> | ||
</div> | </div> | ||
- | |||
<!-- jQuery --> | <!-- jQuery --> | ||
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> | <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 --> | <!-- FlexSlider --> | ||
- | <script defer src="../jquery.flexslider.js"></script> | + | <script defer src="https://2013.igem.org/Team:NYMU-Taipei/Frontpage/Slider/jquery.flexslider.js?action=raw&ctype=text/javascript"></script> |
<script type="text/javascript"> | <script type="text/javascript"> | ||
Line 52: | Line 59: | ||
$(window).load(function(){ | $(window).load(function(){ | ||
$('.flexslider').flexslider({ | $('.flexslider').flexslider({ | ||
- | animation: "slide" | + | animation: "slide" |
- | + | ||
- | + | ||
- | + | ||
}); | }); | ||
}); | }); | ||
</script> | </script> | ||
- | |||
</body> | </body> | ||
</html> | </html> |
Latest revision as of 03:57, 29 October 2013