Added core 3.0 files

matt-richardson · Dec 31, 2010 · b6b11a6 · b6b11a6
1 parent 93e16c4
commit b6b11a6
Show file tree

Hide file tree

Showing 24 changed files with 1,470 additions and 0 deletions.
diff --git a/core.html b/core.html
@@ -0,0 +1,65 @@
+<!--
+core.html
+Supersized - Fullscreen Slideshow jQuery Plugin Version 3.0
+By Sam Dunn (www.buildinternet.com // www.onemightyroar.com)
+Website: www.buildinternet.com/project/supersized
+-->
+<!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" dir="ltr" lang="en-US">
+
+	<head profile="http://gmpg.org/xfn/11">
+
+	<title>Supersized - Full Screen Background/Slideshow jQuery Plugin</title>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
+
+	<link rel="stylesheet" href="supersized.css" type="text/css" media="screen" />
+
+	<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
+
+	<script type="text/javascript" src="supersized.3.0.core.js"></script>
+	<script type="text/javascript">  
+		$(function(){
+			$.fn.supersized.options = {  
+				startwidth: 640,  
+				startheight: 480,
+				vertical_center: 1,
+				slides : [
+					{image : 'slides/fence.jpg' }
+				]
+			};
+	        $('#supersized').supersized(); 
+	    });
+	</script>
+
+	<style type="text/css">
+
+		#content{ background-color:rgba(0,0,0,0.65); width:720px; height:800px; margin:30px auto; text-align:left; }
+
+		/*Demo Styles*/
+		h3{ padding:30px 30px 20px 30px; }
+		p{ padding:0 30px 30px 30px; color:#fff; font:13pt "Helvetica Neue", "Helvetica", Arial, sans-serif; text-shadow: #000 0px 2px 0px; line-height:160%; }
+		.plugin-logo{ float:right; }
+
+	</style>
+</head>
+
+<body>
+
+<!--Loading display while images load-->
+<div id="loading">&nbsp;</div>
+
+<!--Content Area-->
+<div id="content-wrapper">
+	<div id="content">
+		<h3><a href="http://www.buildinternet.com" ><img src="images/buildinternet-logo.png"/></a> <a href="http://www.buildinternet.com" class="plugin-logo"><img src="images/supersized-logo.png"/></a></h3>
+		<p>
+			If <strong>all you want is a fullscreen background</strong>, and no slideshow, this version of <a href="http://buildinternet.com/2010/11/supersized-3-0-full-screen-background-slideshow-jquery-plugin/">Supersized</a> is stripped down to just the core functionality.
+		</p>
+	</div>
+</div>
+
+<!--Slides-->
+<div id="supersized"></div>
+
+</body>
+</html>
diff --git a/default.html b/default.html
@@ -0,0 +1,85 @@
+<!--
+default.html
+Supersized - Fullscreen Slideshow jQuery Plugin Version 3.0
+By Sam Dunn (www.buildinternet.com // www.onemightyroar.com)
+Website: www.buildinternet.com/project/supersized
+-->
+<!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" dir="ltr" lang="en-US">
+
+	<head profile="http://gmpg.org/xfn/11">
+
+	<title>Supersized - Full Screen Background/Slideshow jQuery Plugin</title>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
+
+	<link rel="stylesheet" href="supersized.css" type="text/css" media="screen" />
+
+	<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
+	<script src="js/effects.core.js"></script>
+	<script src="js/effects.slide.js"></script>
+
+	<script type="text/javascript" src="supersized.3.0.js"></script>
+	<script type="text/javascript">  
+		$(function(){
+			$.fn.supersized.options = {  
+				startwidth: 640,  
+				startheight: 480,
+				vertical_center: 1,
+				slideshow: 1,
+				navigation: 1,
+				thumbnail_navigation: 1,
+				transition: 1, //0-None, 1-Fade, 2-slide top, 3-slide right, 4-slide bottom, 5-slide left
+				pause_hover: 0,
+				slide_counter: 1,
+				slide_captions: 1,
+				slide_interval: 3000,
+				slides : [
+					{image : 'slides/tower.jpg', title : 'City Clock Tower', url : 'http://www.flickr.com/photos/wumbus/4582735030/in/set-72157623876357531/'},
+					{image : 'slides/fence.jpg', title : 'Canal Park Fence', url : 'http://www.flickr.com/photos/wumbus/4582735030/sizes/l/in/set-72157623876357531/'},  
+					{image : 'slides/tracks.jpg', title : 'Old Train Tracks', url : 'http://www.flickr.com/photos/wumbus/4582733542/in/set-72157623876357531/'}
+				]
+			};
+	        $('#supersized').supersized(); 
+	    });
+	</script>
+
+	<style type="text/css"></style>
+</head>
+
+<body>
+
+<!--Loading display while images load-->
+<div id="loading">&nbsp;</div>
+
+<!--Slides-->
+<div id="supersized"></div>
+
+<div id="prevthumb"></div>
+<div id="nextthumb"></div>
+
+
+<!--Control Bar-->
+<div id="controls-wrapper">
+	<div id="controls">
+
+		<!--Slide counter-->
+		<div id="slidecounter">
+			<span class="slidenumber"></span>/<span class="totalslides"></span>
+		</div>
+
+		<!--Slide captions displayed here-->
+		<div id="slidecaption"></div>
+
+		<!--Navigation-->
+		<div id="navigation">
+			<img id="prevslide" src="images/back_dull.png"/><img id="pauseplay" src="images/pause_dull.png"/><img id="nextslide" src="images/forward_dull.png"/>
+		</div>
+
+		<a href="http://www.buildinternet.com" class="stamp"><img src="images/supersized-logo.png"/></a>
+
+	</div>
+</div>
+
+
+</body>
+</html>
diff --git a/images/back.png b/images/back.png
diff --git a/images/back_dull.png b/images/back_dull.png
diff --git a/images/buildinternet-logo.png b/images/buildinternet-logo.png
diff --git a/images/forward.png b/images/forward.png
diff --git a/images/forward_dull.png b/images/forward_dull.png
diff --git a/images/nav-bg.png b/images/nav-bg.png
diff --git a/images/pause.png b/images/pause.png
diff --git a/images/pause_dull.png b/images/pause_dull.png
diff --git a/images/play.png b/images/play.png
diff --git a/images/play_dull.png b/images/play_dull.png
diff --git a/images/progress.gif b/images/progress.gif
diff --git a/images/supersized-logo.png b/images/supersized-logo.png