Permalink
Browse files

Supersized 3.1.1 and Supersized Flickr 1.1 Updates and Fixes

*Smoother slide transitions (no longer uses the slide function)
*Files "effects.core.min.js" and "effects.slide.min.js" are no longer required
*Fixed overlapping images when sliding
*Fixed image resizing for slideshows with only 1 image
*Path for navigation button images is now defined in options
*Added option for basic JS image protection against right click/dragging
*Random start slides now possible in Slideshows (0 is random)
*Updated default #supersized-loader CSS and animated GIF to work better on light and dark backgrounds

Signed-off-by: Sam Dunn <sam@onemightyroar.com>
  • Loading branch information...
1 parent 6393535 commit 6444bf2123cfa9a9f179e376867bb809a630720a @samdunn samdunn committed Mar 6, 2011
View
@@ -4,11 +4,24 @@ Documentation can be found on the official project page: [http://www.buildintern
*** Changelog ***
+3/5/11 - Supersized 3.1.1 and Supersized Flickr 1.1 Updates and Fixes
+
+ *Smoother slide transitions (no longer uses the slide function)
+ *Files "effects.core.min.js" and "effects.slide.min.js" are no longer required
+ *Fixed overlapping images when sliding
+ *Fixed image resizing for slideshows with only 1 image
+ *Path for navigation button images is now defined in options
+ *Added option for basic JS image protection against right click/dragging
+ *Random start slides now possible in Slideshows (0 is random)
+ *Updated default #supersized-loader CSS and animated GIF to work better on light and dark backgrounds
+
+
2/27/11 - Updates to project page and licenses
*Supersized 3.1 is licensed under either the MIT or GPL License
*Demos and documentation can now be found at the project page (http://buildinternet.com/project/supersized)
+
2/26/11 - Supersized 3.1 and Supersized Flickr 1.0 Released
*Complete rewrite of the Supersized script
@@ -4,7 +4,7 @@
<!--
Supersized - Fullscreen Background jQuery Plugin
- Version 3.1 Core
+ Version 3.1.1 Core
www.buildinternet.com/project/supersized
By Sam Dunn / One Mighty Roar (www.onemightyroar.com)
@@ -20,7 +20,7 @@
<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.core.min.js"></script>
+ <script type="text/javascript" src="js/supersized.3.1.1.core.min.js"></script>
<script type="text/javascript">
@@ -33,6 +33,7 @@
min_height : 0, //Min height allowed (in pixels)
fit_portrait : 0, //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' },
View
@@ -4,7 +4,7 @@
<!--
Supersized - Fullscreen Background jQuery Plugin
- Version 3.1 Core
+ Version 3.1.1 Core
www.buildinternet.com/project/supersized
By Sam Dunn / One Mighty Roar (www.onemightyroar.com)
@@ -20,7 +20,7 @@
<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.core.min.js"></script>
+ <script type="text/javascript" src="js/supersized.3.1.1.core.min.js"></script>
<script type="text/javascript">
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
@@ -1,6 +1,6 @@
/*
Supersized - Fullscreen Background jQuery Plugin
- Version 3.1 Core
+ Version 3.1.1 Core
www.buildinternet.com/project/supersized
By Sam Dunn / One Mighty Roar (www.onemightyroar.com)
@@ -25,7 +25,8 @@
min_width : 0, //Min width allowed (in pixels)
min_height : 0, //Min height allowed (in pixels)
fit_portrait : 0, //Portrait images will not exceed browser height
- fit_landscape : 0 //Landscape images will not exceed browser width
+ fit_landscape : 0, //Landscape images will not exceed browser width
+ image_protect : 1 //Disables image dragging and right click with Javascript
};
var element = $('#supersized'); //Define element for Supersized
@@ -118,6 +119,18 @@
});
+ //Basic image drag and right click protection
+ if (options.image_protect){
+
+ $('img', element).bind("contextmenu",function(){
+ return false;
+ });
+ $('img', element).bind("mousedown",function(){
+ return false;
+ });
+
+ }
+
return false;
});
Oops, something went wrong.
Oops, something went wrong.
@@ -11,14 +11,14 @@
body { background:#111; }
img{ border:none; }
- #supersized-loader { position:absolute; top:49.5%; left:49.5%; z-index:10; width:24px; height:24px; text-indent:-999em; background-image:url(../img/progress.gif); }
+ #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;}
#supersized { position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
#supersized img{ position:relative; display:none; outline:none; border:none; }
#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; } /*Speed*/
#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; } /*Quality*/
- #supersized a { z-index:-30; position:absolute; top:0; left:0; width:100%; height:100%; background:#111;}
+ #supersized a { z-index:-30; position:absolute; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111;}
#supersized a.prevslide { z-index:-20; }
#supersized a.activeslide { z-index:-10; }
#supersized a.prevslide img, #supersized a.activeslide img{ display:inline; }
View
@@ -4,7 +4,7 @@
<!--
Supersized - Fullscreen Background jQuery Plugin
- Flickr Edition Version 1.0
+ Flickr Edition Version 1.1
www.buildinternet.com/project/supersized
By Sam Dunn / One Mighty Roar (www.onemightyroar.com)
@@ -19,9 +19,7 @@
<link rel="stylesheet" href="css/supersized.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/effects.core.min.js"></script>
- <script type="text/javascript" src="js/effects.slide.min.js"></script>
- <script type="text/javascript" src="js/supersized.flickr.1.0.js"></script>
+ <script type="text/javascript" src="js/supersized.flickr.1.1.js"></script>
<script type="text/javascript">
@@ -31,14 +29,16 @@
//Functionality
slideshow : 1, //Slideshow on/off
autoplay : 1, //Slideshow starts playing automatically
- start_slide : 1, //Start slide
+ start_slide : 1, //Start slide (0 is random)
slide_interval : 5000, //Length between transitions
transition : 1, //0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left
transition_speed : 750, //Speed of transition
new_window : 1, //Image links open in new window/tab
pause_hover : 0, //Pause slideshow on hover
keyboard_nav : 1, //Keyboard navigation on/off
performance : 1, //0-Normal, 1-Hybrid speed/quality, 2-Optimizes image quality, 3-Optimizes transition speed // (Only works for Firefox/IE, not Webkit)
+ image_protect : 1, //Disables image dragging and right click with Javascript
+ image_path : 'img/', //Default image path
//Size & Position
min_width : 0, //Min width allowed (in pixels)
@@ -56,17 +56,17 @@
//Flickr
source : 3, //1-Set, 2-User, 3-Group
- set : '72157624348037346', //Flickr set ID (found in URL)
- user : '47269749@N07', //Flickr user ID (http://idgettr.com/)
- group : '1505190@N25', //Flickr group ID (http://idgettr.com/)
+ set : '######', //Flickr set ID (found in URL)
+ user : '######', //Flickr user ID (http://idgettr.com/)
+ group : '######', //Flickr group ID (http://idgettr.com/)
total_slides : 100, //How many pictures to pull (Between 1-500)
image_size : 'z', //Flickr Image Size - t,s,m,z,b (Details: http://www.flickr.com/services/api/misc.urls.html)
/**
FLICKR API KEY
NEED TO GET YOUR OWN -- http://www.flickr.com/services/apps/create/
**/
- api_key : '#############' //Flickr API Key
+ api_key : '########' //Flickr API Key
});
});
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Oops, something went wrong.

0 comments on commit 6444bf2

Please sign in to comment.