"
Team:UCSF/Home1
From 2013.igem.org
| Line 18: | Line 18: | ||
<!-- Attach our CSS --> | <!-- Attach our CSS --> | ||
| - | <link rel="stylesheet" href="https://www.dropbox.com/ | + | <link rel="stylesheet" href="https://www.dropbox.com/s/69cznhe2lklmysl/orbit-1.2.3.css"> |
| - | <link rel="stylesheet" href="https://www.dropbox.com/ | + | <link rel="stylesheet" href="https://www.dropbox.com/s/ck5hmzyhxbl3it4/demo-style.css"> |
<!-- Attach necessary JS --> | <!-- Attach necessary JS --> | ||
| - | <script type="text/javascript" src="https://www.dropbox.com/ | + | <script type="text/javascript" src="https://www.dropbox.com/s/fvvw899bys6ii8i/jquery-1.5.1.min.js"></script> |
| - | <script type="text/javascript" src="https://www.dropbox.com/ | + | <script type="text/javascript" src="https://www.dropbox.com/s/8xzsp89agtxwd61/jquery.orbit-1.2.3.min.js"></script> |
<!--[if IE]> | <!--[if IE]> | ||
| Line 59: | Line 59: | ||
<h3>Highlight me...I'm text.</h3> | <h3>Highlight me...I'm text.</h3> | ||
</div> | </div> | ||
| - | <a href=""><img src="https://www.dropbox.com/ | + | <a href=""><img src="https://www.dropbox.com/s/hkpndhlo20j874s/overflow.jpg" /></a> |
| - | <img src="https://www.dropbox.com/ | + | <img src="https://www.dropbox.com/s/b00okmpscbzta1i/captions.jpg" data-caption="#htmlCaption" /> |
| - | <img src="https://www.dropbox.com/ | + | <img src="https://www.dropbox.com/s/9srx8rlkhdtlby9/features.jpg" /> |
</div> | </div> | ||
<!-- Captions for Orbit --> | <!-- Captions for Orbit --> | ||
Revision as of 19:07, 7 August 2013
<!DOCTYPE html>
<head>
<meta charset="utf-8" />
<title>Orbit Demo</title>
<link rel="stylesheet" href="https://www.dropbox.com/s/69cznhe2lklmysl/orbit-1.2.3.css">
<link rel="stylesheet" href="https://www.dropbox.com/s/ck5hmzyhxbl3it4/demo-style.css">
<script type="text/javascript" src="https://www.dropbox.com/s/fvvw899bys6ii8i/jquery-1.5.1.min.js"></script>
<script type="text/javascript" src="https://www.dropbox.com/s/8xzsp89agtxwd61/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>
