"
Team:UCSF/Home1
From 2013.igem.org
| Line 17: | Line 17: | ||
<title>Orbit Demo</title> | <title>Orbit Demo</title> | ||
| - | + | <link rel="stylesheet" href="http://www.stanford.edu/~sryoung/cgi-bin/igem/orbit-1.2.3.css"> | |
| - | + | <link rel="stylesheet" href="http://www.stanford.edu/~sryoung/cgi-bin/igem/demo/demo-style.css"> | |
| - | <link rel="stylesheet" href=" | + | |
<!-- Attach necessary JS --> | <!-- Attach necessary JS --> | ||
| - | <script type="text/javascript" src=" | + | <script type="text/javascript" src="http://www.stanford.edu/~sryoung/cgi-bin/igem/jquery-1.5.1.min.js"></script> |
| - | <script type="text/javascript" src=" | + | <script type="text/javascript" src="http://www.stanford.edu/~sryoung/cgi-bin/igem/jquery.orbit-1.2.3.min.js"></script> |
<!--[if IE]> | <!--[if IE]> | ||
Revision as of 19:08, 7 August 2013
<!DOCTYPE html>
<head>
<meta charset="utf-8" />
<title>Orbit Demo</title>
<link rel="stylesheet" href="http://www.stanford.edu/~sryoung/cgi-bin/igem/orbit-1.2.3.css"> <link rel="stylesheet" href="http://www.stanford.edu/~sryoung/cgi-bin/igem/demo/demo-style.css">
<script type="text/javascript" src="http://www.stanford.edu/~sryoung/cgi-bin/igem/jquery-1.5.1.min.js"></script>
<script type="text/javascript" src="http://www.stanford.edu/~sryoung/cgi-bin/igem/jquery.orbit-1.2.3.min.js"></script>
<script type="text/javascript">
$(window).load(function() {
$('#featured').orbit();
});
</script>
</head> <body>
ZURB's Orbit Slider
<a href="http://www.zurb.com/playground/orbit-jquery-image-slider">View Docs + Playground for Orbit</a>
Orbit does content now.
Highlight me...I'm text.
<a href=""><img src="
" /></a>
<img src="
" data-caption="#htmlCaption" />
<img src="
" />
I'm A Badass Caption: I can haz <a href="#">links</a>, style or anything that is valid markup :)
</body> </html>
