Rewrite of Supersized to new 3.2 tag

matt-richardson · Jun 20, 2011 · 4b8434f · 4b8434f
1 parent 13f5a41
commit 4b8434f
Show file tree

Hide file tree

Showing 43 changed files with 2,157 additions and 1,404 deletions.
diff --git a/README.md b/README.md
@@ -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)

diff --git a/core/core-random.html b/core/core-random.html
diff --git a/core/core.html b/core/core.html
@@ -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>
 

diff --git a/core/css/supersized.core.css b/core/css/supersized.core.css
@@ -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%; }
diff --git a/core/img/bg-black.png b/core/img/bg-black.png
diff --git a/core/img/buildinternet-logo.png b/core/img/buildinternet-logo.png