diff options
Diffstat (limited to 'orbit-1.2.3/demo/demo.html')
| -rwxr-xr-x | orbit-1.2.3/demo/demo.html | 72 |
1 files changed, 72 insertions, 0 deletions
diff --git a/orbit-1.2.3/demo/demo.html b/orbit-1.2.3/demo/demo.html new file mode 100755 index 0000000..e42150c --- /dev/null +++ b/orbit-1.2.3/demo/demo.html @@ -0,0 +1,72 @@ +<!DOCTYPE html> + + + +<!-- + * Markup for jQuery Orbit Plugin 1.2.3 + * www.ZURB.com/playground + * Copyright 2010, ZURB + * Free to use under the MIT license. + * http://www.opensource.org/licenses/mit-license.php + --> + + + + <head> + <meta charset="utf-8" /> + <title>Orbit Demo</title> + + <!-- Attach our CSS --> + <link rel="stylesheet" href="../orbit-1.2.3.css"> + <link rel="stylesheet" href="demo-style.css"> + + <!-- Attach necessary JS --> + <script type="text/javascript" src="../jquery-1.5.1.min.js"></script> + <script type="text/javascript" src="../jquery.orbit-1.2.3.min.js"></script> + + <!--[if IE]> + <style type="text/css"> + .timer { display: none !important; } + div.caption { background:transparent; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);zoom: 1; } + </style> + <![endif]--> + + <!-- Run the plugin --> + <script type="text/javascript"> + $(window).load(function() { + $('#featured').orbit(); + }); + </script> + + </head> + <body> + + <div class="container"> + <h4>ZURB's Orbit Slider</h4> + <a href="http://www.zurb.com/playground/orbit-jquery-image-slider">View Docs + Playground for Orbit</a> + + + + +<!-- ======================================= + +THE ACTUAL ORBIT SLIDER CONTENT + +======================================= --> + <div id="featured"> + <div class="content" style=""> + <h1>Orbit does content now.</h1> + <h3>Highlight me...I'm text.</h3> + </div> + <a href=""><img src="dummy-images/overflow.jpg" /></a> + <img src="dummy-images/captions.jpg" data-caption="#htmlCaption" /> + <img src="dummy-images/features.jpg" /> + </div> + <!-- Captions for Orbit --> + <span class="orbit-caption" id="htmlCaption"><strong>I'm A Badass Caption:</strong> I can haz <a href="#">links</a>, <em>style</em> or anything that is valid markup :)</span> + + + + </div> + </body> +</html>
\ No newline at end of file |