Permalink
Browse files

Rewrite of Supersized to new 3.2 tag

  • Loading branch information...
1 parent 13f5a41 commit 4b8434f1d5073bf4519b60c6e6f8c485d3ee1e49 @samdunn samdunn committed Jun 20, 2011
Showing with 2,157 additions and 1,404 deletions.
  1. +5 −0 README.md
  2. +0 −81 core/core-random.html
  3. +27 −33 core/core.html
  4. +15 −11 core/css/supersized.core.css
  5. BIN core/img/bg-black.png
  6. BIN core/img/buildinternet-logo.png
  7. +0 −221 core/js/supersized.3.1.3.core.js
  8. +0 −10 core/js/supersized.3.1.3.core.min.js
  9. +303 −0 core/js/supersized.core.3.2.0.js
  10. +1 −0 core/js/supersized.core.3.2.0.min.js
  11. +88 −0 core/random.html
  12. +0 −123 slideshow/carousel.html
  13. +11 −24 slideshow/css/supersized.css
  14. +145 −0 slideshow/demo.html
  15. +72 −75 slideshow/fade.html
  16. BIN slideshow/img/back.png
  17. BIN slideshow/img/back_dull.png
  18. BIN slideshow/img/bg-black.png
  19. BIN slideshow/img/bg-hover.png
  20. BIN slideshow/img/buildinternet-logo.png
  21. BIN slideshow/img/button-tray-down.png
  22. BIN slideshow/img/button-tray-up.png
  23. BIN slideshow/img/forward.png
  24. BIN slideshow/img/forward_dull.png
  25. BIN slideshow/img/nav-bg.png
  26. BIN slideshow/img/nav-dot.png
  27. BIN slideshow/img/pause.png
  28. BIN slideshow/img/pause_dull.png
  29. BIN slideshow/img/play.png
  30. BIN slideshow/img/play_dull.png
  31. BIN slideshow/img/progress-back.png
  32. BIN slideshow/img/progress-bar.png
  33. BIN slideshow/img/thumb-back.png
  34. BIN slideshow/img/thumb-forward.png
  35. +71 −0 slideshow/js/jquery.easing.min.js
  36. +0 −741 slideshow/js/supersized.3.1.3.js
  37. +0 −10 slideshow/js/supersized.3.1.3.min.js
  38. +909 −0 slideshow/js/supersized.3.2.0.js
  39. +14 −0 slideshow/js/supersized.3.2.0.min.js
  40. +72 −75 slideshow/slide.html
  41. +73 −0 slideshow/theme/supersized.shutter.css
  42. +337 −0 slideshow/theme/supersized.shutter.js
  43. +14 −0 slideshow/theme/supersized.shutter.min.js
View
@@ -4,6 +4,11 @@ Documentation can be found on the official project page: [http://www.buildintern
*** Changelog ***
+6/20/11 - 3.2.0 Early Release
+
+ *Documentation, announcement post, and project page update to follow
+ *The Flickr edition is not updated from 3.1.3 yet - this is on it's way
+
3/15/11 - 3.1.3 Update (All editions)
*Added fix for images on IE failing to resize when loaded (update supersized.3.1.x.js)
View
@@ -1,81 +0,0 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
-
- <!--
- Supersized - Fullscreen Background jQuery Plugin
- Version 3.1.3 Core
- www.buildinternet.com/project/supersized
-
- By Sam Dunn / One Mighty Roar (www.onemightyroar.com)
- Released under MIT License / GPL License
- -->
-
- <head>
-
- <title>Supersized - Fullscreen Background jQuery Plugin</title>
- <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
- <meta http-equiv="X-UA-Compatible" content="IE=8" />
-
- <link rel="stylesheet" href="css/supersized.core.css" type="text/css" media="screen" />
-
- <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>
- <script type="text/javascript" src="js/supersized.3.1.3.core.min.js"></script>
-
- <script type="text/javascript">
-
- jQuery(function($){
- $.supersized({
- start_slide : 0, //Start slide (0 is random) //Requires multiple background images
- vertical_center : 1, //Vertically center background
- horizontal_center : 1, //Horizontally center background
- min_width : 1000, //Min width allowed (in pixels)
- min_height : 700, //Min height allowed (in pixels)
- fit_portrait : 1, //Portrait images will not exceed browser height
- fit_landscape : 0, //Landscape images will not exceed browser width
- image_protect : 1, //Disables image dragging and right click with Javascript
- slides : [ //Background image
- { image : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.1/slides/day3-emily.jpg' },
- { image : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.1/slides/quietchaos-kitty.jpg' },
- { image : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.1/slides/wilderness2.jpg' }
- ]
- });
- });
-
- </script>
-
- <style type="text/css">
-
- /*Demo Styles*/
- p{ padding:0 30px 30px 30px; color:#fff; font:11pt "Helvetica Neue", "Helvetica", Arial, sans-serif; text-shadow: #000 0px 1px 0px; line-height:200%; }
- p a{ font-size:10pt; text-decoration:none; outline: none; color:#ddd; background:#222; border-top:1px solid #333; padding:5px 8px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -moz-box-shadow: 0px 1px 1px #000; -webkit-box-shadow: 0px 1px 1px #000; box-shadow: 0px 1px 1px #000; }
- p a:hover{ background-color:#427cb4; border-color:#5c94cb; color:#fff; }
- h3{ padding:30px 30px 20px 30px; }
-
- #content{ background:#111; background:rgb(0,0,0); background:rgba(0,0,0,0.75); width:720px; height:800px; margin:30px auto; text-align:left; }
- .plugin-logo{ float:right; }
- .stamp{ float: right; margin: 15px 30px 0 0;}
-
- </style>
-
- </head>
-
-<body>
-
- <div id="content">
- <h3><a href="http://www.buildinternet.com" ><img src="img/buildinternet-logo.png"/></a> <a href="http://www.buildinternet.com/project/supersized" class="plugin-logo"><img src="img/supersized-logo.png"/></a></h3>
- <p>
- If <strong>all you want is a fullscreen background</strong>, and no slideshow, this version of Supersized is stripped down to just the core functionality.<br/><br/>
- In this demo, background images are randomly loaded.<br/><br/>
- Image credits:<br/>
- <a href="http://www.nonsensesociety.com/2010/12/kitty-gallannaugh/" alt="Nonsense Society" target="_blank">Kitty Gallannaugh</a>
- <a href="http://www.nonsensesociety.com/2010/12/emily-tebbetts-2/" alt="Nonsense Society" target="_blank">Emily Tebbetts</a>
- <a href="http://www.nonsensesociety.com/2011/02/larissa/" alt="Nonsense Society" target="_blank">Larissa Felsen</a>
- <br/><br/>
- Project page:<br/>
- <a href="http://www.buildinternet.com/project/supersized" alt="Supersized Project Page" target="_blank">Supersized Project</a>
- </p>
- </div>
-
-</body>
-</html>
View
@@ -3,63 +3,57 @@
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<!--
- Supersized - Fullscreen Background jQuery Plugin
- Version 3.1.3 Core
- www.buildinternet.com/project/supersized
-
- By Sam Dunn / One Mighty Roar (www.onemightyroar.com)
- Released under MIT License / GPL License
+ Supersized - Fullscreen Slideshow jQuery Plugin
+ Version : Core 3.2.0
+ Site : www.buildinternet.com/project/supersized
+
+ Author : Sam Dunn
+ Company : One Mighty Roar (www.onemightyroar.com)
+ License : MIT License / GPL License
-->
<head>
-
- <title>Supersized - Fullscreen Background jQuery Plugin</title>
+
+ <title>Supersized - Full Screen Background Slideshow jQuery Plugin</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
- <meta http-equiv="X-UA-Compatible" content="IE=8" />
<link rel="stylesheet" href="css/supersized.core.css" type="text/css" media="screen" />
- <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>
- <script type="text/javascript" src="js/supersized.3.1.3.core.min.js"></script>
-
- <script type="text/javascript">
+ <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script>
+ <script type="text/javascript" src="js/supersized.core.3.2.0.min.js"></script>
+ <script type="text/javascript">
+
jQuery(function($){
+
$.supersized({
- //Background image
- slides : [ { image : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.1/slides/quietchaos-kitty.jpg' } ]
+ slides : [ {image : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/slides/kazvan-1.jpg', title : 'Image Credit: Maria Kazvan'} ]
});
- });
-
+ });
+
</script>
<style type="text/css">
- /*Demo Styles*/
- p{ padding:0 30px 30px 30px; color:#fff; font:11pt "Helvetica Neue", "Helvetica", Arial, sans-serif; text-shadow: #000 0px 1px 0px; line-height:200%; }
- p a{ font-size:10pt; text-decoration:none; outline: none; color:#ddd; background:#222; border-top:1px solid #333; padding:5px 8px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -moz-box-shadow: 0px 1px 1px #000; -webkit-box-shadow: 0px 1px 1px #000; box-shadow: 0px 1px 1px #000; }
- p a:hover{ background-color:#427cb4; border-color:#5c94cb; color:#fff; }
+ /*Demo Styles
+ --------------------*/
+ p{ padding:0 30px 30px 30px; color:#aaa; font:12px "Helvetica Neue", "Helvetica", Arial, sans-serif; text-shadow: #000 0px 1px 0px; line-height:200%; }
+ p a{ color:#eee; font-weight:bold; }
h3{ padding:30px 30px 20px 30px; }
- #content{ background:#111; background:rgb(0,0,0); background:rgba(0,0,0,0.75); width:720px; height:800px; margin:30px auto; text-align:left; }
- .plugin-logo{ float:right; }
- .stamp{ float: right; margin: 15px 30px 0 0;}
+ #content{ background:#111; background:url('img/bg-black.png'); width:720px; height:800px; margin:30px auto; text-align:left; }
</style>
-
+
</head>
<body>
-
+
<div id="content">
- <h3><a href="http://www.buildinternet.com" ><img src="img/buildinternet-logo.png"/></a> <a href="http://www.buildinternet.com/project/supersized" class="plugin-logo"><img src="img/supersized-logo.png"/></a></h3>
+ <h3><a href="http://www.buildinternet.com/project/supersized"><img src="img/supersized-logo.png"/></a></h3>
<p>
- This demo uses Supersized only for the fullscreen background functionality, with all default options to reduce code.<br/><br/>
- Image credit:<br/>
- <a href="http://www.nonsensesociety.com/2010/12/kitty-gallannaugh/" alt="Nonsense Society" target="_blank">Kitty Gallannaugh</a>
- <br/><br/>
- Project page:<br/>
- <a href="http://www.buildinternet.com/project/supersized" alt="Supersized Project Page" target="_blank">Supersized Project</a>
+ Image credit: <a href="http://www.nonsensesociety.com/2011/04/maria-kazvan/" alt="Nonsense Society" target="_blank">Maria Kazvan</a> &nbsp;
+ Project page: <a href="http://www.buildinternet.com/project/supersized" alt="Supersized Project Page" target="_blank">Supersized Project</a>
</p>
</div>
@@ -1,17 +1,21 @@
/*
- Supersized - Fullscreen Background jQuery Plugin Stylesheet
- Version 3.1.3 Core
- www.buildinternet.com/project/supersized
+
+ Supersized - Fullscreen Slideshow jQuery Plugin
+ Version : Core 3.2.0
+
+ Site : www.buildinternet.com/project/supersized
+ Author : Sam Dunn
+ Company : One Mighty Roar (www.onemightyroar.com)
+ License : MIT License / GPL License
- By Sam Dunn / One Mighty Roar (www.onemightyroar.com)
- Released under MIT License / GPL License
*/
- *{ margin:0; padding:0; }
- body { background:#111; }
- img{ border:none; }
-
- #supersized-loader { position:absolute; top:50%; left:50%; z-index:10; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background-color:#111; background:rgba(0,0,0,0.8) url(../img/progress.gif) no-repeat center center; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
+* { margin:0; padding:0; }
+body { background:#111; }
+ img{ border:none; }
#supersized { position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
- #supersized img{ height:auto; width:auto; position:relative; outline:none; border:none; -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }
+ #supersized img{ width:auto; height:auto; position:relative; outline:none; border:none; }
+
+ #supersized a { z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111; display:block; }
+ #supersized a.image-loading { background:#111 url(../img/progress.gif) no-repeat center center; width:100%; height:100%; }
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Deleted file not rendered
Oops, something went wrong.

0 comments on commit 4b8434f

Please sign in to comment.