diff options
Diffstat (limited to 'orbit-1.2.3/demo')
-rwxr-xr-x | orbit-1.2.3/demo/demo-style.css | 46 | ||||
-rwxr-xr-x | orbit-1.2.3/demo/demo.html | 72 | ||||
-rwxr-xr-x | orbit-1.2.3/demo/dummy-images/captions.jpg | bin | 0 -> 457900 bytes | |||
-rwxr-xr-x | orbit-1.2.3/demo/dummy-images/coffee.jpg | bin | 0 -> 299080 bytes | |||
-rwxr-xr-x | orbit-1.2.3/demo/dummy-images/features.jpg | bin | 0 -> 424055 bytes | |||
-rwxr-xr-x | orbit-1.2.3/demo/dummy-images/overflow.jpg | bin | 0 -> 234292 bytes |
6 files changed, 118 insertions, 0 deletions
diff --git a/orbit-1.2.3/demo/demo-style.css b/orbit-1.2.3/demo/demo-style.css new file mode 100755 index 0000000..9f48537 --- /dev/null +++ b/orbit-1.2.3/demo/demo-style.css @@ -0,0 +1,46 @@ +/* These are just the demo styles and these can be removed and Orbit +will still work like a champ (except any content block needs a background which +our demo gets from this sheet) */ + +.container { + position: absolute; + top: 50%; + left: 50%; + margin: -300px 0 0 -470px; } + +.content { background: url(dummy-images/coffee.jpg); } +.content h1 { + font-size: 40px; + text-transform: uppercase; + font-weight: bold; + text-align: center; + margin-top: 180px; + color: #222; + line-height: 50px; } +.content h3 { + text-align: center; + font-size: 22px; + color: #222; } + +/* -------------------------------------------------- + Global Reset & Standards + -------------------------------------------------- */ + html, body { margin: 0; padding: 0; } + h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, img, small, strike, strong, em, sub, sup, tt, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td, section { margin: 0; padding: 0; border: 0; font-weight: normal; font-style: normal; font-size: 100%; line-height: 1; font-family: inherit; text-align: left; } + table { border-collapse: collapse; border-spacing: 0; } + ol, ul { list-style: none; } + + body { background: #fff; font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 13px; line-height: 18px; text-shadow: 0 0 1px rgba(0,0,0,0.01); color: #555; } + + h4 { + font-weight: bold; + color: #222; + font-size: 15px; } + + a { + color: #00baff; + text-decoration: none; + font-weight: bold; + font-size: 12px; } + + a:hover { text-decoration: underline; }
\ No newline at end of file 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 diff --git a/orbit-1.2.3/demo/dummy-images/captions.jpg b/orbit-1.2.3/demo/dummy-images/captions.jpg Binary files differnew file mode 100755 index 0000000..bc05ee7 --- /dev/null +++ b/orbit-1.2.3/demo/dummy-images/captions.jpg diff --git a/orbit-1.2.3/demo/dummy-images/coffee.jpg b/orbit-1.2.3/demo/dummy-images/coffee.jpg Binary files differnew file mode 100755 index 0000000..6322a44 --- /dev/null +++ b/orbit-1.2.3/demo/dummy-images/coffee.jpg diff --git a/orbit-1.2.3/demo/dummy-images/features.jpg b/orbit-1.2.3/demo/dummy-images/features.jpg Binary files differnew file mode 100755 index 0000000..266c5e8 --- /dev/null +++ b/orbit-1.2.3/demo/dummy-images/features.jpg diff --git a/orbit-1.2.3/demo/dummy-images/overflow.jpg b/orbit-1.2.3/demo/dummy-images/overflow.jpg Binary files differnew file mode 100755 index 0000000..f5bfc5d --- /dev/null +++ b/orbit-1.2.3/demo/dummy-images/overflow.jpg |