Supersized 3.2 – Fullscreen Slideshow jQuery Plugin

WRITTEN BY

Sam Dunn

Sam is Co-Founder & Creative Director at One Mighty Roar. He is also one of the Editors here at Build Internet.

Files

Highlights

Fresh update to the Supersized jQuery Plugin
Has API, dynamic preloading, direct slide links, and separate theme files
More info available on the project page

Short URL

Supersized 3.2 – Fullscreen Slideshow jQuery Plugin

This version of Supersized has themes, direct slide links, dynamic preloading, and an API.

Introducing Supersized 3.2

Features

Resizes images to fill browser while maintaining image dimension ratio
Cycles backgrounds via slideshow with transitions and dynamic preloading
Core version is available for those that just want background resizing.
Navigation controls with keyboard support
Integration with Flickr – pull photos by user, set, or group
Head over to the project page for all the details.

New in Supersized 3.2

Complete rewrite of the Supersized script.
More options, including ability to prevent slides from being cut off.
Link directly to slides
API lets you call functions directly (eg. play/pause, next, previous, and jump directly to a slide)
Theme files are now separate from base files, which will make upgrades much easier. The Shutter theme is included in each download.
Flickr is not yet updated to 3.2 (it’s on it’s way)

Inspiration / Sites Using Supersized

I’ve put together a small sample of Supersized sites that I’ve come across recently. Keep in mind, these sites are not necessarily running the latest version, and some are heavily customized. I will be putting together a more extensive list for the project page, so feel free to shoot your site to sam@onemightyroar.com!

Plans for WordPress

I’ve noticed quite a few WordPress themes based on Supersized floating around – I plan on entering into the ring with an official Supersized WordPress theme. While I’m still at the early stages at this point, in the meantime, you should check out WP Supersized developed by the talented Ben De Boeck from World In My Eyes. Note: This plugin is currently using version 3.1.3

Comments and Feedback

Just a reminder, you can follow Supersized on Github, which is were I will publish minor point releases and field any bug reports.

If you have an urgent problem and/or would like to contact me directly to hire for custom work, please email me at sam@onemightyroar.com. For troubleshooting, make sure you have first checked the documentation and FAQ sections on the project page.

Enjoyed this project? Have a look at our Build Internet Projects page for some other stuff you make fancy as well.

Banner image provided by Colin Wojno.
Other photography by Brooke Shaden and Maria Kazvan.

Wordpress.com stats not installed! Posted Monday, July 11th, 2011 / Back to Top

I this post. Tweet

More in Resources »

SPONSOR

1324 Comments 48 Mentions

Henk Author Editor
I’ve made some websites with this script, all fade transitions, and it looks fine on my iPad2 with iOS5. after updating to iOS6 I see (only with the fade transitions) a ‘flash’ between 2 images. The transition isn’t going smooth. In one of your showcase websites too, see this example:
http://www.februe.de/

September 24, 2012 · Reply
- Paul. S Author Editor
  I am experiencing the same problem on iOS6 devices. I see a jump for a split second on all the fade transitions. Quick-fix would be greatly appreciated.
  
  September 26, 2012 · Reply
- Javier Author Editor
  Hi Henk,
  
  I´m experiencing the same problem on iOS6, Have you got any solution?
  
  October 10, 2012 · Reply
  - Henk Author Editor
    Hi Javier,
    I’m sorry, not yet. I’ve send Sam Dunn an email a week ago and this is his answer:
    “iOS 6 introduced a few hiccups that I’m looking to address when I have a moment in my schedule (transitions are one of them). I image it has to do with my use of animate functions with a 0 timer, although I haven’t dug in too deeply yet.
    I’m looking to address this and a few other bugs in the coming weeks”.
    
    October 12, 2012 ·
  - Javier Author Editor
    Henk, thank you very much for your answer. Yes, I also have written to Sam and he has said me the same, he is making a new Supersized version and he will solve some bugs.
    
    I think I’m also going to investigate a few…
    
    October 18, 2012 ·
  - Sebastian Ginard Author Editor
    The same issue for my web page on iPad/iPhone. Still trying to solve it. I wrote to Sam to notify him about this.
    If anyone get a path or a temporary solution before Sam’s fix please share it. Thanks.
    
    October 21, 2012 ·
  - Paul S Author Editor
    Try adding this plugin. This is a temporary solution that I got from Sam. It fixed my problem on iOS6.
    http://playground.benbarnett.net/jquery-animate-enhanced/
    
    October 30, 2012 ·
  - just saying Author Editor
    I can confirm the above plug-in fixes the flickering image in ios6. thank you!
    
    November 30, 2012 ·
  - Eduardo Iturbe Author Editor
    Could you tell me more specific where should I use this plug-in fix, I tried to load in my index.html but I still face the flickering. I am using iphone 4 ios 6.1. Thanks
    
    March 13, 2013 ·
  - Mark Author Editor
    It would be greatly appreciated if someone could help specify how to include the alternative animate code into a Supersized website. It’s not clear to me how we integrate it with the existing js files, or how to include it in such a way so that it overrides the methods causing the problem.
    
    Many thanks!
    
    May 16, 2013 ·
- Mitchell Author Editor
  Hi Henk,
  
  I have a question. This is my first time using supersized jquery. I’m having issue on ipad io5 and io6. The image doesn’t resized instead it cuts off on the left side and on bottom. Since you used supersized jquery on the iPad. Does that happend to you? Does it cut off like that? The only thing I change is the height and width in the supersize.css file. I made them 90% width and 90% height on #supersized, #supersized li, #supersized a, #supersized li.image-loading. Any solution and suggestion?
  
  October 31, 2012 · Reply
  - Chris Author Editor
    I’m having this issue as well. Just on iOS6. Tested an Android device and it works fine.
    
    February 5, 2013 ·
  - BArry Author Editor
    Yep, me too. Left side cut off (white) in mobile browser
    
    May 17, 2013 ·
- Eduardo Iturbe Author Editor
  Sorry, my mistake, I forgot to reload. The plug-in fixes the flickering image. Thanks
  
  March 13, 2013 · Reply
  - Chad Thurman Author Editor
    I was wondering where to paste the plug-in in the index?
    
    March 26, 2013 ·
peter` Author Editor
Hey man

is there a way to change the default thumbnail dimensions?

September 27, 2012 · Reply
Questioneer Author Editor
So, would you please tell me if there is an option to load an image before the others. Waiting without an image before all load up is not good UX and we would like to modify that to maybe load each image before it’s turn to display so we have load time for next during display time of the previous one.

Thank you.

September 30, 2012 · Reply
- peter` Author Editor
  i agree this would quite an improvement
  
  September 30, 2012 · Reply
mijat Author Editor
Hi everyone, i ‘ m new at jQuery and have downloaded this slider and all work perfect for me, just i dont know how to disable prev_slide button on first page and next on last page, just to have no looping? Thank u very much for helping!

October 1, 2012 · Reply
Dade Author Editor
How to you make a full list of thumbnails appear at the bottom of the screen? by setting the thumb nails and link to ’1′ it shows the previous and last thumbnails for navigation, but I would like to have all the images to have a thumbnail

October 1, 2012 · Reply
- Ankur Author Editor
  Hi Dade, Did you get any solution for this? I am also trying to find it. Image of demo page showing thumbnails list at bottom but that feature is not available in it. Could anyone pls help me?
  
  November 5, 2012 · Reply
- Marcelo Author Editor
  The thumbnails list appears when you click the button on the bottom in right side (up arrow).
  
  January 15, 2013 · Reply
  - Eemeli Author Editor
    Does anybody know what part of the code I have to modify to have the thumbnail list appear by default? I want to have it open when page loads, and then press the button if I want to hide it.
    
    March 10, 2013 ·
  - Eemeli Author Editor
    Ah actually I already found an answer to this, it’s posted as a reply to valenzul’s question on October 18th… Sorry. :)
    
    March 10, 2013 ·
Marius Wathne Author Editor
Hello, we have been using supersized for a little while now, and it’s amazing! Thanks for sharing. :)

October 2, 2012 · Reply
Dade Author Editor
If anyone know how to solve my question above, please email me at theemeraldream@gmail.com

Thank you.

October 3, 2012 · Reply
CJ Author Editor
Hello, I’m trying to add a strip at the bottom of the supersize window which would just contain a few text links (about, contact, etc.), but I’m having a problem figuring out where to insert a new div into the layout. Anywhere I put something seems to interfere with the existing layout or puts the content in an unexpected place. Could you point me in the right direction?

Thank You.

October 10, 2012 · Reply
Peter Author Editor
Does anyone know how to change the color of the black background as Supersize loads? Thanks.

October 11, 2012 · Reply
- Peter Author Editor
  Never mind, I figured it out. ;)
  
  October 11, 2012 · Reply
  - Richard Author Editor
    How dit you change the color?
    I can’t find….
    
    January 14, 2013 ·
Melinda Author Editor
I have integrated Supersized into a custom WordPress theme and it is working great except for one thing. When I click on the tray button or the pause button I get missing images (play.png and button-tray-down.png). When I look at the path to those images it is /img/button-tray-down.png and img/play.png. I have tried using image_path and setting it to my /images folder in my theme but I still get the same result.

image_path : ‘/images/’,

Any idea what is causing the path to be wrong? Any idea on how to fix this?

Thanks!

October 12, 2012 · Reply
- Melinda Author Editor
  My above comment didn’t show my image path code that I am using correctly. Basically it was the bloginfo(‘template_directory’) code in front of /images/ to come up with the full path to my images folder in my theme folder.
  
  October 12, 2012 · Reply
- berad Author Editor
  I want to start off by saying, this is a great plugin! I love it, thank you!
  
  I am also trying to integrate the plugin with wordpress but also get the same results as Melinda. Everything works fine but the “play” and “button-tray-down” images do not appear. I’ve changed the image path and used bloginfo(‘template_url’) but nothing.
  
  Any ideas, suggestions, or “fixes”? Thanks!
  
  October 17, 2012 · Reply
  - Melinda Author Editor
    I finally found a fix to this. I had to change the image_path defined in supersized.shutter.min.js to be the path to where I had the image. I don’t really like this solution because it involves making a change to the plugin file, but it works. Does anyone know a better way to do this? It would be great if we could change the image_path in the initialization script that is called to make Supersized work.
    
    October 17, 2012 ·
  - Ben Author Editor
    Berad, Melinda,
    The way I do it in my WordPress plugin WP Supersized that integrates Supersized in WordPress is to use get_bloginfo(‘wpurl’) and then to add the path to the images from there. This works without problem for me. No need to modify the js file.
    Ben
    
    October 18, 2012 ·
  - Melinda Author Editor
    Ben,
    
    Can you clarify where I need to put get_bloginfo(‘wpurl’)? I had tried that earlier but using get_bloginfo(‘template_url’) and it didn’t work. I put it in my call to initialize Superslider and used image_path : get_bloginfo(‘template_url’) and then added my path to my images folder.
    
    October 18, 2012 ·
  - Ben Author Editor
    Melinda,
    What you did indeed doesn’t work. You simply need to use get_bloginfo(‘template_url’) in the html part of the code. Add it (+ the path to your img folder) in the src of each image (2 of them) used for the controls (in the controls div).
    
    October 18, 2012 ·
Mark Author Editor
Thank you very much for this excellent plugin. I love it.

October 12, 2012 · Reply
zenweb Author Editor
Dear Sam,
great job! you made me save a lot of time. thank you very much.
Let me ask you one more trick: could you explain me how I can initialize jquery ariable slides[] getting data from MySQL results?
thank you in advance
rick

October 13, 2012 · Reply
Sandy Author Editor
I just realized the images don’t work on IE9. All I see is a black space. Is anyone else having similar issues? All other browsers work fine for me.

October 15, 2012 · Reply
- Melinda Author Editor
  I had the same issue in IE7 and IE8 but not iE9. The problem was that I had a comma after my last line defining the last image in the slideshow. My last image call was: {image : ‘images/6-views.jpg’, title : ”, thumb : ‘images/6-views.jpg’, url : ”},
  
  All I had to do was remove the last comma after the }. Not sure if this is the same issue for IE9 since mine was working.
  
  October 17, 2012 · Reply
  - leon Author Editor
    You saved my day Melinda! Couldn’t figure out why supersized was working perfect anywhere accept in IE. Thanks!
    
    see: http://krijnen.com/supersized
    
    October 22, 2012 ·
  - Rob Author Editor
    You just saved me 20+ hours of frustration!!!! Thank you so much for pointing out the end commas need to be dropped.
    
    October 24, 2012 ·
Keosegg Author Editor
Hey, sorry, but I am really new to this, but could anyone tell me how to change the images in the actual slideshow? Do I actually need to upload them to a server? Or can I use something along the lines of “../image/example.jpg/”?

October 17, 2012 · Reply
valenzul Author Editor
Hello, I’ve got to say. this is a nice plugin.
Does someone know how to get the thumbnail tray up automatically upon initial startup?

October 18, 2012 · Reply
- WindyCityDeveloper Author Editor
  Did someone find a solution to this?
  
  November 8, 2012 · Reply
- Michael Author Editor
  In “supersized.shutter.js”
  comment this line:
  $(vars.thumb_tray).css({bottom : -$(vars.thumb_tray).height()});
  
  like this:
  /* Thumbnail Tray
  —————————-*/
  // Hide tray off screen
  //$(vars.thumb_tray).css({bottom : -$(vars.thumb_tray).height()});
  
  February 7, 2013 · Reply
  - Eemeli Author Editor
    Thank you Michael, this helped me too. I’d like to add, that after commenting off that line, the thumbnail bar show/hide button needs initially two clicks to start working properly.
    
    That can be overcome by switching places of the two functions in the lines below the commented line. Like this:
    
    // Thumbnail Tray Toggle
    jQuery(vars.tray_button).toggle(function(){
    jQuery(vars.thumb_tray).stop().animate({bottom : -jQuery(vars.thumb_tray).height(), avoidTransforms : true}, 300 );
    if (jQuery(vars.tray_arrow).toggleClass(‘full-screen-button-arrow’));
    return false;
    }, function() {
    jQuery(vars.thumb_tray).stop().animate({bottom : 0, avoidTransforms : true}, 300 );
    if (jQuery(vars.tray_arrow).toggleClass(‘full-screen-button-arrow’));
    return false;
    });
    
    (The functions inside the sentence have been switched.)
    
    March 10, 2013 ·
  - Billy Author Editor
    Thanks very much Michael and Eemeli.
    
    I overlooked your comments and I had posted a request for your solution… glad it was here all along and I just found it.
    
    Thanks again,
    
    –Billy
    
    April 27, 2013 ·
  - Billy Author Editor
    Michael / Eemeli:
    
    I commented out the Thumbnail Tray line as you suggested but nothing changed. Then I noticed that although my Supersized setup works perfectly, it’s not making use of “supersized.shutter.js.”
    
    The files being used are the following…
    
    When you get the chance, would you guys please advise me?
    
    Thanks,
    
    –Billy
    
    April 27, 2013 ·
  - Billy Author Editor
    Sorry. My post above didn’t display the files I entered with the script tags.
    
    My setup is not using “supersized.shutter.js.” It’s using only the following files…
    
    supersized.css
    supersized.shutter.css
    jquery.min.js
    jquery.easing.min.js
    supersized.3.2.7.min.js
    supersized.shutter.min.js
    
    April 27, 2013 ·
  - Billy Author Editor
    Hey guys, it’s working now!
    
    I simply substituted “supersized.shutter.js” with your modification in place of “supersized.shutter.min.js” and the thumbnails now display by default on page load. Also, the down arrow hides the thumbnails with just one click as opposed to two.
    
    Thanks again,
    
    –Billy
    
    April 27, 2013 ·
As Astral Author Editor
Hello,

Is there any posibility that the flickr version to take images from local folder instead flickr, so i can keep the prev/next slides with the image preview?

October 18, 2012 · Reply
- As Astral Author Editor
  Come on guys please help me ;))
  
  October 22, 2012 · Reply
CJ Author Editor
Has anyone been able to get the php code to load images from a folder to work on iOS? I’m using the last bit of code from the FAQ link to pull my images from a folder and it works fine on all browsers/OS’s except my iDevices running iOS5.x. Haven’t tried any iOS6 products yet. When I load my site on an iDevice it crashes Safari as soon as the first image is loaded.

October 18, 2012 · Reply
- jimp Author Editor
  I am having a similar problem. On iOS5, Safari becomes unstable after a few page loads with Supersized (single image) as the background. Zooming can crash it faster, since Supersized resizes a lot with it, but it appears to also be based on the complexity of the page.
  
  I haven’t found a solution for this on iOS5, but it doesn’t crash on iOS6. My client is sending me frequent reports about it, so I’m almost to the point of suppressing Supersized if iOS is detected. I am using Supersized v3.2.6.
  
  December 28, 2012 · Reply
Feroj Author Editor
This is a nice plugin.
But some problem:
how can i fixed image top position?
top 100px or 200 px not display.
Anybody solve this problem?

October 18, 2012 · Reply
David Author Editor
How I can put the option slide_links to open the links on the same page?

October 19, 2012 · Reply
- David Author Editor
  Would it be possible to use thumbnails as links to other web?
  
  Thanks supersized!
  
  October 19, 2012 · Reply
- Sarah Author Editor
  I figured it out! In supersized.3.2.7.min.js (or whichever version your page is referencing) change the value “new_window” to 0.
  
  November 14, 2012 · Reply
Glenn Author Editor
Is there a way as setting the slideshow as the background to a specific DIV rather than the entire background?

Thanks

October 21, 2012 · Reply
- Marco Author Editor
  I used it inside tags and work perfectly
  
  November 7, 2012 · Reply
  - Ale Author Editor
    Inside tags?
    What do you mean?
    Could you explain, please?
    
    March 20, 2013 ·
al Author Editor
Hi there I’m using Supersized Background Version 3.2.7

I’m trying to change the colour of a menu item based on the current_slide

It works for the first slide but not for the others? here is my code

jQuery(function($){
if(vars.current_slide==0){
$(“#btn01″).css(‘color’, ‘red’);
}
if(vars.current_slide==1){
$(“#btn02″).css(‘color’, ‘red’);
}
});

Any help would be appreciated – many thanks

October 21, 2012 · Reply
- al Author Editor
  i will of course make a donation for this excellent plugin should someone provide a working solution
  
  October 21, 2012 · Reply
GW Author Editor
Hi,
Is it possible to do that in the 3.2.7 version of the text has changed along with the background.
I mean a long description of a few buttons.

October 21, 2012 · Reply
Vladan Blagojevic Author Editor
Hi,
trying to upload your theme (fantastic theme ) but WP is saying that style.css file is missing

(The theme is missing the style.css stylesheet.)

please help
Cheers,
Vladan

October 22, 2012 · Reply
Marco Author Editor
Is there a way as setting the slideshow as the background to a specific DIV rather than the entire background?

October 23, 2012 · Reply
Anonymous Author Editor
You have to change your docs! There is no api method goTo() in the core version! Had one hour of searching only to find out that I have to include the themexy.js and set the option slideshow:1 to make that work! But if I want to use your wonderful plugin in a really customized way (so just the functionality) without all that fancy stuff, it seems that the only way is to write my own theme. That’s bit too much. Why dont provide basic functions like goTo(x), next() nad prev() in the core!? And if you don’t want to, you should explain that there is no api method goTo etc. in the ‘core version’ of the api … really annoying if the
dependencies are not clear. But nevertheless great plugin you wrote ;)

October 23, 2012 · Reply
Meghan Author Editor
What’s the best way to do categories?
(Example: Hotel | Guest Rooms | Dining etc)

October 24, 2012 · Reply
Mitchell Author Editor
Hi

I’m having issue with the images that are on iphone/ipad, it’s not resizing correctly. Does anyone have the same issue?

October 24, 2012 · Reply
Mara Author Editor
Hi Sam!!! thanks for this amazing code! :)
I was trying with flickr demo and a basic demo, and I have 2 questions:

1) I would like to show flickr sets, but I noticed I can add just one, maybe I am wrong and I didn’t find the way.

2) It is possible to pause the slider onmouseover? (basic demo)

Well I’ll keep learning, and hope you can answer :)
Thanks in advance, have a nice day!

October 24, 2012 · Reply
Iwan Author Editor
Is this for joomla?what version?

October 27, 2012 · Reply
Chris Author Editor
Hey,

thanks for this great tool!

Is it possible to set the link of button for nextslide if actual slide is the last to link to a new page insteed to link to the first page?
Same for prevslide?

Thanks

October 29, 2012 · Reply
Mara Author Editor
Hi!!!

I wanted to add some extra content into a DIV in every image, when I click in the buttom (div) open a new div with information.

I have a function but it´s not working, I don´t know how I can call it.

Hope someone can help me. I couldn’t find a guide on internet.
Thanks in advance!

….

slides : [ // Slideshow Images
{image : 'images/1.jpg', title : 'my title', thumb : '', url : ''},
{image : 'images/2.jpg', title : '', thumb : '', url : ''},
{image : 'images/3.jpg', title : '', thumb : '', url : ''},
{image : 'images/4.jpg', title : '', thumb : '', url : ''}
],
…

$(document).on(‘click’, ‘#btinfo’, function (event) {

if(open === false) {
$(‘#datos1′).css(‘visibility’, ‘visible’);

open = true;
} else {
$(‘#datos1′).css(‘visibility’, ‘hidden’);
open = false;
}
});

October 30, 2012 · Reply
Mara Author Editor
some information was missing (maybe doesn’t support html tags) :/

{image : ‘images/1.jpg’, title : ‘\my title’, thumb : ”, url : ”},

October 30, 2012 · Reply
Esol Esek Author Editor
customizing this css is easier said than done. I liked the old navigation where the pause/plau button and forward back were all in the same are, like they are ALWAYS everywhere else. In supersized the forward back are floating on the edges of the photos, and the pause is down below on the nav bar. I’m finding it impossible to get them into the old space, although they do now at least work smoothly.

October 30, 2012 · Reply
- Peter Author Editor
  I was trying to move the nav arrows too and was able to except, if I got too close to the bottom where play and tray buttons are, the arrows stopped working. Refer to theme/shutter.css, there you’see the nav arrows sizing and positioning. The default is top; 50%, which puts them in the middle. I changed it to 95%, which put them pretty close to the bottom, but any lower and they stop functioning. I’ like to have them right next to the tray button, but can’t quite get there…yet. Any thoughts? Thanks.
  
  December 10, 2012 · Reply
Giuseppe Author Editor
Dear all,
I’m newbie of this fantastic gallery and on css.
I need your help for this issue.

I’d like to increase height of slidecaption, to write text in the caption on several rows.
Is it possible? How? I’m not able to solve it..thanks

November 1, 2012 · Reply
madesign Author Editor
Hello, first nice work at the plugin. On some sites i like to to show the images in there real size and i set all fit to screen function to “No” in the settings but the images always resized to full screen. Anyone has the same problem?

Regards, Michael

November 1, 2012 · Reply
Ankur Author Editor
How to show full list of thumbnails appear at the bottom of the screen? I cant find any way to do that.

November 5, 2012 · Reply
- Gordon Werner Author Editor
  to get the thumbnails to display across the bottom of the page, click on the up-pointing arrow at the bottom right of the screen
  
  January 18, 2013 · Reply
Jason Author Editor
Hi guys I developed a page using this plugin but right now I’m having an issue with zooming when my page is zoomed in or out everything else becomes smaller or bigger except my background image. Is there any solutions for this? Thanks in advance

November 8, 2012 · Reply
- Saskia Author Editor
  I’d also like help with this please! I’m using Supersized with the Uber WordPress theme. The background looks fantastic. However, when I reduce or expand the window, the background remains fixed, but all my other elements go crazy! It’s not behaving responsively any more. Some of my fonts are actually stretching! This is not happening in projects where I haven’t installed a Supersized background image. Thanks.
  
  December 4, 2012 · Reply
Chris Author Editor
Hi, excellent script, quick question – is there a way of specifying ‘#thumb-tray’ as visible when the page loads rather than clicking the arrow tab? Just before I start digging into the javascript files…

Thanks in advance

November 8, 2012 · Reply
- Stefan Author Editor
  Hi Chris, no answer here, but did you get some response to your question or did you handle it on your own? I have the same wish for the thumb-tray.
  
  November 13, 2012 · Reply
  - rohan Author Editor
    I also face same problem can me give the solution that one is #thumb-tray’ as visible when the page loads rather than clicking the arrow tab?
    
    February 4, 2013 ·
- Trevor Author Editor
  comment out line 38 In theme > supersized.shutter.js looks like the code below
  
  $(vars.thumb_tray).css({bottom : -$(vars.thumb_tray).height()});
  
  February 28, 2013 · Reply
Ryan Bruzan Author Editor
This is a nice slider, but there’s actually a better one that’s more customizable. (Don’t worry I’m not trying to spam or anything) but it’s called Nerve Slider. If you want to, you can check it out at http://nerve-slider.ryanbruzan.net

November 8, 2012 · Reply
یادگیری زبان Author Editor
well done dude.

November 10, 2012 · Reply
Charles Author Editor
Hi there, is it possible to have a vertical vs horizontal slide transition?

November 10, 2012 · Reply
Aaron Author Editor
Hi, thanks so much for your plugin. I’m having trouble using the pause button and api.goTo() together. If I use api.goTo(2) it will go to the second slide but the pause button quits working. Is there some extra code I need to add to my theme file to clean this up, like a clearinterval method or something like that?

Thanks!

November 13, 2012 · Reply
Ben Author Editor
Is there a way to stop the supersized backgrounds printing? I have tried making the #supersized div display:none but it does;’t seem to have any effect?

cheers in advance, and thank you for the plugin!

November 15, 2012 · Reply
- Sam Author Editor
  Also looking for this feature. Can’t seem to get it to work with CSS.
  
  December 14, 2012 · Reply
- Herr T. Author Editor
  This works for me:
  Add the following lines to the end of your supersized.css:
  
  @media print {
  #supersized {
  display: none;
  }
  }
  
  April 17, 2013 · Reply
Brian Author Editor
Is there a way to have the thumbnails present upon the page loading instead of having to click on the button in the lower right?

November 18, 2012 · Reply
Koen Author Editor
Hi,

I’m building a photography site with Supersized and the basic layout is in place. I was wondering if it is possible to use it in combination with some sort of parralax effect; i.e. start with the slideshow jquery and build a menu that scrolls to lower part of the page for additional info?

November 21, 2012 · Reply
Mikhail Author Editor
Thank you very much for the amazing script!

I have just one question, does it possible to keep the “Thumbnail Tray” open by default? How?

Many thanks,
Regards

November 24, 2012 · Reply
- Aron Author Editor
  Hi Mikhail – do you know how do it? That will be usefull. Regards
  
  January 16, 2013 · Reply
  - Aron Author Editor
    Sorted…
    In supersized.shutter.css file add margin-bottom:150px and remove that arrow
    
    #thumb-tray{ position:fixed; z-index:3; bottom: 0; margin-bottom: 150px;
    
    Works fine for me
    
    January 16, 2013 ·
pixi buex Author Editor
This is a great plugin. One problem on IE8 though. While all the thumbnails appear on other browsers, on IE8 some thumbnails at the end are missing. If the carousel is on, no issues, but if there are less number of images, then 2 or 3 thumbnails at the end are missing on IE8. Guess the general width of thumbnail list is not enough for IE8. Can you please suggest any fixes? Thank you.

November 28, 2012 · Reply
Martin Author Editor
thx for the great plugin. I do have some problems on my ipad. every image is shown again for a part of a second after fading out. can you fix this problem? thank you!

November 28, 2012 · Reply
- Sebastian Author Editor
  Do you mean like flashing between images (in its transition)?. If so, author knows this issue and he’s working on it. Give him some time ;)
  If you want an alternative see Ryan Bruzan’s comment.
  Regards,
  Sebastian
  
  November 29, 2012 · Reply
  - Martin Author Editor
    hi,
    
    thanks for reply. ryans gallery does not have thumbnails (i need them). i nearly could solve proble – i just use an old jquery 1.4.4.
    
    i do have another question. is it possible to load new gallery in ajax content?
    
    November 29, 2012 ·
Ben Author Editor
I love the the plugin. I’m really looking for a very stripped down version that doesn’t have any of the controls. I just want it to fade through about 10 pictures or so. I don’t need any of status bar at the bottom.

Thanks

November 28, 2012 · Reply
Aris Author Editor
I get a script error when I want to add extra images (more than 9) in the array. Any advice how to fix this?

Thanks,

November 28, 2012 · Reply
- Aris Author Editor
  Nevermind, like the most problems I encounter as a designer it was something small I missed. Great script!
  
  November 29, 2012 · Reply
  - Warren Author Editor
    What was it? I’m having a similar issue, anything more than 5 images and I get a script error, “Uncaught TypeError: Object # has no method ‘easeOutExpo’ with 5 images it runs fine.
    
    April 18, 2013 ·
Nik Author Editor
Thanks for the script!
I found bug in the code and in the demo page.
When page is ready:
1. Click pause.
2 .Go to thumbnail tray and click on slide 7.
3. Click on slide 4.
4. From the middle controls of page click next button.
Result: No image is displayed on the screen.
I checked Developer tools and saw that when click on slide 4 there is only prevslide and activeslide. Next slide is not loaded.

Any ideas how to fix that?

Sorry for my english…

November 28, 2012 · Reply
Danny Author Editor
Hi,

I am loading images in the slideshow using php/mysql. Works fine on PC browsers. But when I open the slideshow on any mobile devices, it crashes.

Can anyone please help me to resolve this problem.

Thanks

November 29, 2012 · Reply
rob Author Editor
Hi, great script :)

I have a small problem, whether this is a bug or not I don’t know, I havent been able to find anything on the net related to it as being a bug but who knows.

I am not a JavaScript developer, nor do I have the knowledge to become one :)

My problem:

I have appended the supersized.3.2.7.js to a “div” called slide.

I want the images to stop rotating on hover, so after following the instructions I added “pause_hover: 1;”, but It doesnt work

After testing various stuff I found that the hover works if the script is on the “body” but not on other elements.

Has anyone had such a problem, or can fix it ?

Much appreciated

Rob

December 3, 2012 · Reply
Richard Author Editor
Thanks for great designs.

December 4, 2012 · Reply
zak cardian Author Editor
how to make that thumb_tray always stay on the screen.. i wanna remove the thumbnails show and hide button ?

December 4, 2012 · Reply
fay Author Editor
Hi there, is it possible to have a vertical thumb

December 4, 2012 · Reply
James Author Editor
Hi,

I’ve used this plugin for a site i’m developing. It’s great! My only issue is that on some screens it cuts the heads off some of the photos.

Is there a way to ensure that whatever size screen is being used the top of the image is always in view?

Thanks.

December 5, 2012 · Reply
W. Kirk Lutz Author Editor
I’m using this plugin for a site I am working on. It is fantastic. Thank you. I do have a question though that I can’t seem to find an answer to. I am using media queries for different CSS for different devices, PC, Tablet and phone. Is there a way to ENABLE scrollbars for this plugin? I would like to be able to scroll on the phone. I tried playing around with the CSS without much luck. Any tips would be appreciated.

December 9, 2012 · Reply
Peter Author Editor
Anyone know how to position the previous and next slide buttons together down next to the pause/play or thumb tray button? I know it’s doable by altering the theme CSS, but I can’t figure it out. Thanks.

December 10, 2012 · Reply
- Peter Author Editor
  Never mind, I figured it out
  
  December 12, 2012 · Reply
Peter Author Editor
Anyone know if mobile touch swipe can be integrated into supersized?

December 12, 2012 · Reply
- Cliff Author Editor
  I have also been wanting to enable touch for Supersize. Whenever I show people the site open on an iPad they intuitively want to swipe.
  
  January 13, 2013 · Reply
Jason Author Editor
Is there a way to “replace” the images that supersized is using “on the fly”?

What I’d like to do is load new sets of images based on user interaction, i.e. a user clicks, which drops the current list of images, and brings up a new array?

December 14, 2012 · Reply
joanna Author Editor
hi,
i have a “one page” site , and wanted to know how can i have 2 galleries….
thanks!!!

December 14, 2012 · Reply
David Author Editor
Has anyone had trouble feeding a dynamic array of images into the script and getting it to work in IE? I’m creating an array of images from a RSS feed, then once the array is created, executing the Supersized function. It works in Chrome/Firefox, but doesn’t display anything (nor an error msg) in IE. I thought it might be a JS timing issue, so I recoded to execute once the new array size matches the size of the feed, but nothing. Any ideas?

December 17, 2012 · Reply
JJ Author Editor
Hi,

Is there a way to move the time and control bars, outside of the image. I would like to place those two elements below the image so that none of the image is bing covered by anything.

jj

December 17, 2012 · Reply
qla46 Author Editor
Hi,

I want to use slide_links num or name in wordpress and didn’t found what url is generated. I tried to add #name of the post or #number but it was all wrong. Can you please tell me what url is generated?

Thanks in advance.
Have a nice day.

December 19, 2012 · Reply
Richard Author Editor
Hi

For some reason the background image does not display on Ipad, portrait view and not at all on mobile devices, is there code I can tweak which will allow this…?

Your replies appreciated

Richard

December 23, 2012 · Reply
Peter Author Editor
Anyone know how make the slideshow advance when you click the image?

December 30, 2012 · Reply
Gustavo Author Editor
Hi guys,

I’m having a problem running supersized on Samsung Galaxy Tablet (android) , the background wont resize… instead it stays glues to the top left corner… any ideas??

Thx

G

January 4, 2013 · Reply
Andrew Author Editor
Hi I am having the same issue with the Samsung Galaxy S3 phone…The background is not resizing anymore…background images appear all distorted…
I noticed that this morining the phone received bunch of upgrades…it was working fine yesterday…I believe it has to do with that…
Hope someone can tell us how to fix the code

January 4, 2013 · Reply
Aman Author Editor
Hi,

There may be a pretty simple answer to this, but I can’t seem to work it out…. Is it possible for the image to move with the page when you scroll down? i.e. not fixed to the top of the page.

Something like this: http://www.bakkenbaeck.no/

Thanks.

January 10, 2013 · Reply
sam thush Author Editor
hi,

I want to put two sliders in a one page. could you explain how to do this using your scripts.

January 11, 2013 · Reply
Florin Author Editor
Hi,

I absolutely love this plugin but since the update to WordPress 3.5 it doesn’t work anymore :(
And the really bad thing is that I have it on my home page as a full-screen slideshow.

WordPress 3.5 has a brand new Media Gallery Panel and that may be the reason, but unfortunately the plugin doesn’t work anymore even if I choose a custom directory…

I really hope this gets fixed…

Thanks for your time,
Florin.

January 11, 2013 · Reply
- Ben Author Editor
  Florin,
  Try updating to the latest version of WP Supersized and reset your options (you will need to reenter them afterwards). This should solve the problem.
  
  January 15, 2013 · Reply
Andrew Author Editor
Did anyone solved the issue with the photo distrortion? I tried to use an earlier version of supersized and it works fine on galaxy s3… I tested the samples of web sites and they appear distorted as well…at least on my phone…
any suggestion? I consider using the older version of supersized a workaround…works but it is not the same
please help us to fix this

January 11, 2013 · Reply
- Jörg Author Editor
  Are there news on this topic? Perhaps we should wait until the next Android update? ;-)
  
  February 22, 2013 · Reply
  - Andrew Author Editor
    I have not seen a solution yet…even the latest web created with the latest script version available show distorted images on my galaxy s3….
    I confirm that the older version of supersized works fine instead…
    too bad cause this is a great script!
    
    February 22, 2013 ·
Tom Author Editor
Hi,

So far your script has exceed all my expectations. It is awesome.

I’m having a small issue with it and I’m hoping the question I’m about to ask isn’t an impossible fix.

Is there currently a way to modify it so that the image resizes from the bottom of the element and not the top?

I have a div roughly about half of the page’s average height. In that div, I have a slideshow of 3 images, 2 of which has text towards the bottom. When I expand the window, that text begins to disappear below the div.

What I want to happen is the image is resized from the bottom upwards (so the bottom of the image is always snapped to the bottom of the div and the top takes the brunt).

Is that possible with supersized?

Thanks,
Tom

January 16, 2013 · Reply
- Tom Author Editor
  Never mind, worked it out. Had a feeling it was going to be simple.
  
  Where the supersized li’s are defined, add ‘position:absolute; bottom:0px;’
  
  The even better thing is that it can be specific to a slide, so I can say li.slide2 is positioned at the top etc.
  
  Phew :-)
  
  January 16, 2013 · Reply
Ishmael Author Editor
I’m having a problem with the images appearing warped. Is there a fix? I’m running WordPress 3.5, Supersized JQuery 3.2.

Thanks

January 16, 2013 · Reply
Will Author Editor
Hi There, Great slideshow by the way!

I was wondering what i have to edit in the code to wrap all the navigation and slides in a div so that i can position them relative to each other? At the moment the nav is separate to the slideshow ul and if i make the site responsive and change the positioning of the images the navigation is not so easy to change as i cannot position them relatively to the slides.

Any thoughts or help is greatly appreciated!
Will

January 17, 2013 · Reply
Nick Author Editor
I was wondering if it is possible to turn the title tag (the caption) into a link? This link would target the slide it is for.

Thanks!

January 17, 2013 · Reply
- Nick Author Editor
  sorry, target the page that is set from the slides ‘url’.
  
  January 17, 2013 · Reply
dliste Author Editor
for a show with 250 images i will deactivate the bullits below the progress bar. i cannot find a way to do this. thanks for a hint.
dietmar,berlin

January 19, 2013 · Reply
- Jörg Author Editor
  Yes, you can set the ul#slide-list in the shutter theme css to visibilty: hidden;
  
  February 5, 2013 · Reply
viv Author Editor
I have changed supersized.shutter.css and mouse scrub script lines in supersized.shutter.js to get vertical thumb-tray with vertical movement of thumbnails along height :

Css:

#thumb-tray{
position:fixed; z-index:30; bottom:0; right:0;
background:black;
width:120px; height:100%;
overflow:hidden;
text-align:center;
}

ul#thumb-list{
display:inline-block;
list-style:none; position:relative;left:0px;padding:30px 0 0 0px;
background:red;
}

ul#thumb-list li{
list-style:none;width:130px; height:80px;
overflow:hidden; position:relative; margin:0 10px 0 0; padding:4px 0px 0px 0px;
text-align:center;
}

/* Js lines of Thumbnail Mouse Scrub
—————————-*/
if (api.options.mouse_scrub){
$(vars.thumb_tray).mousemove(function(e) {
var containerheight = $(vars.thumb_tray).height(),
listheight =(80 * jQuery(“#thumb-tray ul#thumb-list li”).size());
if (listheight > containerheight){
var mousePos = 1,
diff = e.pageY – mousePos;
if (diff > 10 || diff < -10) {
mousePos = e.pageY;

newY = (containerheight – listheight) * (e.pageY/containerheight);
diff = parseInt(Math.abs(parseInt($("#thumb-tray ul#thumb-list li").css('top'))-newY )).toFixed(0);
$("#thumb-tray ul#thumb-list li").stop().animate({'top':newY}, {duration:diff*3, easing:'easeOutExpo'});
}
}
});
}

But Till now I am not getting the vertical mouse scrub movement on thumbnails.

January 21, 2013 · Reply
- viv Author Editor
  After removing following line .Vertical scrubbing works fine:-
  
  diff = parseInt(Math.abs(parseInt($(“#thumb-tray ul#thumb-list li”).css(‘top’))-newY )).toFixed(0);
  
  Can anyone help me keeping my current slide thumbnail at middle of the vertical thumb-tray container?
  
  January 21, 2013 · Reply
viv Author Editor
Actual Question posted on stackoverflow:
http://stackoverflow.com/questions/14438050/supersized-full-screen-slider-with-vertical-thumb-tray/14438366#14438366

January 21, 2013 · Reply
Ricardo Martins Author Editor
Hi,

I´m building my website, i’m a photographer from Portugal, and I want to know if there are anyone using the Supersized 3.2 – Fullscreen Slideshow jQuery Plugin. I’m trying to use it in my website, but what I really want is to change the thumbnail slider from horizontal bottom to vertical right, obviously 90 degrees rotated.

Can anyone please help me out? I’ve already customized the .css an .js files, but I can´t reach my goal……

Thanks in advance. Sam’s work is awesome man!!

Regards,
Ricardo Martins.

January 23, 2013 · Reply
Mark Author Editor
Hi, Supersized is awesome.

One minor question. I realize you can elect to either display full screen or whole image, however, is there a simple enough way to alternate with the existing image? For example, let’s say I’m on image 3 of 10 and I want to go to or from full screen. Is there a way to do that without simply reloading the entire page and presumably restarting the slideshow?

Thanks!

January 26, 2013 · Reply
Emily Author Editor
Hey,

I am trying to use WP Supersized with Bootrap integrated theme and am having issues with the background image being squished once the browser gets below 950px. Any chance you’ve run into this and know of a solution?

I tried to implement the solution offered here, to no avail: https://github.com/buildinternet/supersized/issues/103

Any help would be greatly appreciated.

January 29, 2013 · Reply
Emily Author Editor
Nevermind here too. Editing the CSS directly, as advised in the link, worked on all current browsers + IE8. Include in header to force IE8 to IE7 (fixed Bootstrap nav issue too).

January 29, 2013 · Reply
Joe Author Editor
When I make the image description an HREF hyperlink, the URL in the browser bar changes but the page doesn’t change to it – the link is correct and works when you manually hit enter in the browser bar. Any ideas how to make the page redirect correctly? Thanks!

January 29, 2013 · Reply
David Author Editor
Can this be used for large photo albums – like 100s of images? Has anyone used it for that yet?

February 2, 2013 · Reply
Ew Author Editor
How to make friends with this plug-in Russian language?

February 4, 2013 · Reply
Fitryan W. Pratama Author Editor
Awesome slider. Could this plugin be used to slide the page?

February 6, 2013 · Reply
Nick Author Editor
Hi! Great plugin! I am wondering if it is possible to turn each caption (lets say for each image inside the gallery) into a unique link?

Thanks!

February 6, 2013 · Reply
Mike Author Editor
Hi, Can i use a png images as watermak for the background images?
like creating a grid.
Thanks.

February 6, 2013 · Reply
josef Author Editor
first of all thanks for this great plug-in. i wanna ask question about not using this plug-in with full width. for example i want my page 900px width and wanna make 600 of them to use with content-comments etc. and in left side gallery will take place(300px) and also navigations buttons. and of course whole site will be centered. is it possible? i have tried a a lot bu i couldn’t figured out. thanks again!

February 7, 2013 · Reply
Aaron Author Editor
just to share this Supersized Drupal module. Hope could help anyone with a drupal site.

http://drupal.org/project/supersized

February 8, 2013 · Reply
Alexander Author Editor
Hi, I’m using the plugin on a web project everything works fine except that when I double click on my button it generates a black empty background, how I can fix this error?…see http://www.newcyclelabs.com.ar/yagmour/web/index.php …

February 8, 2013 · Reply
kuru igneleme sivas Author Editor
all of them really great. thanks i like it alot

February 9, 2013 · Reply
a3stiny Author Editor
Does anyone know how to make the images more seo friendly? Alt. tags or something for the images?

I’m using supersized 3.2.7 version and doesn’t show any examples on creating html alt tags for the images. Thanks again!

February 9, 2013 · Reply
MaXimuS265 Author Editor
hi. i got error for ie8 and error is this column. “base.options.thumb_links”

if (base.options.thumb_links){
base.options.slides[thisSlide].thumb ? thumbImage = base.options.slides[thisSlide].thumb : thumbImage = base.options.slides[thisSlide].image;
thumbMarkers = thumbMarkers+”;
};

Please help me. it is emergency.

February 12, 2013 · Reply
Maxim Author Editor
Hello everyone! I need support with suprsized 3 module.

Please anyone who knows, tell me how to make the additional caption block for the supersized module, like on the frontpage of this site – http://www.risd.edu/ (black with counter 1/4, 2/4 etc. and arrows). And the main thing – how to keep synchronized supersized module and this additional block????

Really need the same function at my website – additional caption with the link to another page, please help!

Thank you all for the time,
Maxim

February 12, 2013 · Reply
Afterdepth Author Editor
Hello I’ve make my website with your plugin. You can see it here :
http://photo.afterdepth.com/

I have jus a trouble on IOS (ipad & Iphone) with flickr loading in a different section.
maby I’m working on it to resolved it…

February 12, 2013 · Reply
Nuno Author Editor
Hi!

Thanks a lot, this is a great plugin! :)
I’m working on a new project which is basicaly a page scrolling background full screen images using this amazing Supersized plugin, but for each scrolling image i need to target different so i can show other elements on the screen. I’m not an expert so what i think im looking for is a way i can target different each time a background image scrolls. Is it possible to configure this plugin in order to achieve this? Thanks!

February 14, 2013 · Reply
Nuno Author Editor
Hi!

Thanks a lot, this is a great plugin! :)
I’m working on a new project which is basicaly a page scrolling background full screen images using this amazing Supersized plugin, but for each scrolling image i need to target different DIV so i can show other HTML elements on the screen. I’m not an expert so what i think im looking for is a way i can target different each time a background image scrolls. Is it possible to configure this plugin in order to achieve this? Thanks!

February 14, 2013 · Reply
Joseph Author Editor
Hello,
Thank you for supersized. It is very nice and usefull.
I’m including supersized.css and supersized.3.2.6.min.js in my page.
When web site administrator enable it from site administrator panel, my server side script inserts jQuery functions to page.

But when I include supersized.css without Jquery function, my page goes to black and “loading image” spinning forever.

I must load supersized.css and supersized.3.2.6.min.js in my page. But it must not activate supersized.

How can I do ?

Thank you…

February 15, 2013 · Reply
Allan Author Editor
Trying to implement api.playToggle() but get reference error when i do!! should i define it first ? can anyone help :-) with a full example of supersized using api.playToggle() method?

Iam trying to pause slideshow when not on frontpage!

February 19, 2013 · Reply
Biren Author Editor
Sam,

Great tool ! Excellent work!

I had a question regarding the fade effect between two images. I see the default time is set to 750 millisecond. The higher the number the slower the fade will be so I wanted to know is there any number that I can change that will make the fade effect smoother. Right now it looks choppy with 750 and anything higher or lower makes it look choppy. Is this due to the type of “ease” effect? or What should I change to in order to make the fade feel like 20 frames a second instead of 3 or 4 frames currently.

Any help would be greatly appreciated. Thank You.

February 20, 2013 · Reply
Nico Author Editor
Is it possible to hide control_wrapper, next_slide and prevslide bevor page is shown? They get always an element style thats overrides the css declaration. Thx

February 24, 2013 · Reply
mike Author Editor
Hey guys,

Awesome plug-in!!! I’ve just came across this while looking for a similar solution for our project and it has been a lifesaver.

Quick question though:

Currently, I can only scroll from one image to the next, for example if I have 4 images (1,2,3,4) and I want to scroll from image 1 to 4 in a carousel fashion, it just shows image 1 scrolling out and 4 coming in. Is it possible to scroll through all images and then stop at image 4, so a user would see images 1,2,3 smoothly scroll through and then it would stop at 4?
Hope this makes sense.

I tried using api options and setting timeouts/intervals and came close, but it’s still a little hacky and not smooth.

Any ideas???

February 26, 2013 · Reply
bigfish Author Editor
#If noJS#

Hi sam,
awesome js lib~

But I wanna put the slideshow in html not js,so that if the user disabled the js,he still can saw the pictures with the scrollbar.

To make that,maybe we need a div container,then html5 custom data attributes?
…so how to write this “plugin” for supersized?

February 27, 2013 · Reply
Edward Author Editor
Cufon does nto work wih supersize. Does anyone know a trick? Thanks!

March 1, 2013 · Reply
david Author Editor
Hi
I am trying to update the sildes image dynamically and what I have did is assigned the new images data to below code but the slides are not working what do I need to do make this work
api.options.slides = data;

Thanks

March 2, 2013 · Reply
Steve VH Author Editor
Hi,
Thanks for this nice piece of code.

I have seen many issues when integrating supersized in WordPress and other configurations and it has to do with image_path declared in supersized.shutter.js

This causes issues with the button-tray-down.png, button-tray-up.png, apuse.png and play.png buttons.

The problems stems from the fact that vars.image_path is not declared as an option ==> vars.options.image_path.
You can do a quick fix as follows …
Open supersized.shutter.js derived from buildinternet-supersized-v3.2-35-g2ccedfd.zip.
Do a global replace from vars.image_path to vars.options.image_path and change at the end of the file …
$.supersized.themeVars = {
…
// image_path : ‘img/’, // Default image path ==> move from themeVars to themeOptions
…
};
$.supersized.themeOptions = {
image_path : ‘img/’, // Default image path ==> moved from themeVars
…
};

Now you can declare as a normal option when invoking supersized from your own scripting.

I hope this get fixed in the next version.

Enjoy!

Steve

March 2, 2013 · Reply
prefabrik Author Editor
perfect thank you.

March 4, 2013 · Reply
ilkay Author Editor
hello. i want to use supersized but i have a problem. i want to make the image height 470 px. i was edit css file but its not working well. pls help me.

March 4, 2013 · Reply
Rangan Author Editor
I am using supersized for one of the website I am creating and I am in a desperate need of achieving something like this

I want the thumstrip image in the supersized to be made something similar to the coolcarousel link below, where the selected/active thumb image is always at the center and the background changes accordingly.

http://coolcarousels.frebsite.nl/c/61/

Can anyone help me.

Thanks
Raja

March 5, 2013 · Reply
nick Author Editor
Is there a way to target each slide differently? ie . First slide is target url _blank second is target url _self, third target url _blank? Any order I want.

March 7, 2013 · Reply
sky Author Editor
i love this script. it’s nicely done.
however, i have one issue, i installed it on my wordpress blog. it works perfectly until i log into my admin panel, which then shows an admin bar on top. And that’s when the slideshow gets broken when i visit my blog after logging in. anyone else has similar issue or has a solution?

March 11, 2013 · Reply
- Billy Author Editor
  sky:
  
  When you’re logged in, naturally you want the admin bar to display, and of course it is going to affect the slideshow while it is displaying. But this shouldn’t worry you because you are the only one logged in and no one else. So no one else’s display of the slideshow will be affected. This is all normal. Simply log out when you’re through with the admin area.
  
  –Billy
  
  April 27, 2013 · Reply
Sergio Pinna Author Editor
Well,

but i changed your css file: supersized.shutter.css

to centered better the supersized dots.

At row 32

from

ul#slide-list li{ list-style:none; width:12px; height:12px; float:left; margin:0 5px 0 0; }

to

ul#slide-list li{ list-style:none; width:12px; height:12px; float:left; margin:0 0 0 6px; }
ul#slide-list li:first-child{margin:0}

it’s better! :-)

March 12, 2013 · Reply
Carin Author Editor
Hi Sam,
Thank you for an awesome slideshow – it could not have been simpler to implement – yay thanks! Just one thing – I have a banner at the top of my site that is 266px deep, and would like the image to appear under the banner. Where do I adjust the css to make that happen? Been trying various things without success….
Thanks so much!

March 13, 2013 · Reply
Gerrit Author Editor
Hi Sam and Hi to eyeryone who can help!

I am using this awesome script for my new website and would like to integrate swipe gesture functionality for mobile devices.

I found “touchwipe” (http://archive.plugins.jquery.com/project/Touchwipe-iPhone-iPad-wipe-gesture), but cannot figure out how to combine it with “supersized”.
(It does not have to be this script in particular. Anything to bring that function is welcome.)

Searching the www was to no avail. This could mean nobody had the same idea or it is not possible or just dead-easy …

Thanks in advance!

Gerrit

March 13, 2013 · Reply
- Mariana Author Editor
  Hi Garrit,
  I was just trying to do that, and thanks to your post I was able to get to work by including the following code in the supersized.js, inside the base.launch function:
  
  //Initialize touch event
  
  base.$el.touchwipe({
  wipeLeft: function() {
  base.nextSlide();
  },
  wipeRight: function() {
  base.prevSlide();
  }
  });
  
  Hope this helps!
  
  May 16, 2013 · Reply
Amanda Author Editor
Hi, I have problem. I add plugin supersized for my layout wordpress. Everything works great but when adds “LightBox Plus” this superized does not work :(

March 13, 2013 · Reply
Amanda Author Editor
Hi, I have problem. I added plugin supersized for my layout wordpress and everything works well! but when wants to create galleries and add LightBox Plus – Superized does not work :( help me?

March 13, 2013 · Reply
curente Author Editor
how can i disable fullscreen

March 14, 2013 · Reply
behrozi Author Editor
Very Very Good!
*-*-*
TnX

March 16, 2013 · Reply
Ross Author Editor
I’ve stopped using RoyalSlider in favour of the Supersized slideshow plugin. So much better in all respects, it’s so much simpler to style and customise. I have however a question about loading. I’m using the slider as a fade to next change slide on next/prev arrow click. The slider seems to load the first 3 images in before anything appears, is there anyway I can alter the code to load one image at a time…..First image loads, then click…second image loads…third etc……

March 23, 2013 · Reply
Ingo Author Editor
Thanks for the great work ! I have adapted Supersized for the CMS i’m actually using. By this occasion, i fit the flickr version for an alternative smaller displaying view … It works pretty well !

Have a nice Day !

Bye

March 27, 2013 · Reply
- Gloria Author Editor
  Can you tell me the url of your website? I’m running into issues applying it to a CMS, particularly in IE8 and IE9.
  
  May 13, 2013 · Reply
mohsin gfx Author Editor
Hi ,
I uses this slider in my website but images dont resize vertically can any one tell me that what should be the ideal size for an image so that it resizes perfectly in the background , i use some of the API options to handle them but its not resizing the images.
Plz reply me urgently.
Thanks

March 30, 2013 · Reply
mohsin gfx Author Editor
I use this option to resize

vertical_center: 1,

hoizontal_center: 1,

fit_always: 0,

fit_portrait:0,

fit_landscape:1,
but not resizing can any tell me the what should be the size of image right now i am using
1024*524.

March 30, 2013 · Reply
Alex Author Editor
Hi there, I’m getting complaints from users that the galleries aren’t loading at all even after waiting an hour.

Is there a limit to the number of images or size of each? At first I did screen captures from HD footage but now I’ve resized down to 800 width proportional but still the same problem.

One person is on a computer and the other is on an iPad.

Anything I could do/might be doing wrong? There are hundreds of images, up to 600. Does it load them all up front is that the problem?

April 2, 2013 · Reply
Matthias Andrasch Author Editor
Hey, very nice plugin, thanks a lot for this!

Is there a way to get “notified” if the slide has changed? I want to bind a javascript function to get this event and show some info about the image.

Theme-api seems to have this, but I did not find an example showing me how to use it correctly.

Thanks in advance,
Matthias

April 4, 2013 · Reply
Akshay Author Editor
Hi Thanks for the awesome plugin! Quick question: is it possible to reset the plugin so that I can reload a different set of slides? Right now, I am calling the constructor again but that simply adds more slides into it. Any solution that you might be able to recommend?
Thanks

April 8, 2013 · Reply
Jose Author Editor
Hi is there a way to make the thumbnails go to the link of the current slide instead of navegating between slides cause for navigating i have already used mouseover so i would like to know if i could make click in a thumb and go to the external link of the current slide

April 11, 2013 · Reply
ginny Author Editor
Hi ! I just got to your this ultimate plugin through Google. I want to use it on my hobby site. But is it possible to use imagemaps with this plugin?

April 11, 2013 · Reply
Paolo Author Editor
I have used this plugin for a hobby site. It works in a great way.

Thank you.

Paolo

April 12, 2013 · Reply
Billy Author Editor
Hello:

I absolutely love Supersized and I used it for a girlfriend’s fun website. Thank you!

When you get the opportunity would you please advise me on the following issue?

I would like to set the thumbnail navigation to be normally enabled when the page is opened. However, if I set “thumbnail_navigation : 1,” only two thumbnails are displayed; one on the right bottom corner of the screen and one on the left botttom corner; no other thumbnails are displayed.

How can the the thumbnail navigation be made to fully display just as when the right bottom corner navigation arrow is clicked?

Thank you, and thank you for Supersized!

-Billy

April 15, 2013 · Reply
Billy Author Editor
Hello:

I absolutely love Supersized and I used it to for a for a girlfriend’s fun website .

When you get the opportunity would you please adise me on the following issue?

I would like to set the to the thumbnail navigation to be enabled when the page is opened. However, if I set “thumbnail_navigation : 1,” only two thumbnail images are displayed; one on the right bottom corner of the screen and one on the left botttom corner. How is can the thumbnail navigation be made to display just as when the right bottom corner arrow is clicked?

Thank you, and thank you for Supersized!

-Billy

April 15, 2013 · Reply
Avinash Kabra Author Editor
Its a great plugin. Highly appreciable…

April 19, 2013 · Reply
Pablo Author Editor
Hi,
First of all, congratulations for you awesome job!

I use supersized showing title and descriptions of each image, but this text are encoding in spanish. Therefore misinterpreted characters are displayed: char ‘¿’ shown ‘Â¿’ or char ‘ó’ shown ‘Ã³’.
How I can fix this problem with encoding?

Thanks a lot!

April 20, 2013 · Reply
Alessandro Author Editor
Hello!

I use jquery 1.9.1.
When the page finishes loading the arrow to the list of thumbnails disappears!

How can I fix?

Thanks!

April 22, 2013 · Reply
- Alex Author Editor
  If you add jquerry-migrate-1.1.1.js it will work …
  
  It shows a warning JQMIGRATE: jQuery.fn.toggle(handler, handler…) is deprecated
  I am not sure what to do since i am a very casual js user.
  
  April 30, 2013 · Reply
  - Alex Author Editor
    April 30, 2013 ·
Mike Author Editor
Great plugin.
I was wandering if it is possible to tile images? I would like to rotate patterns in the background on a site.

Rather create a 2560 x 1600 image for each, it would be cool to have a “super light” version than tiles smaller 100px x 100px patterns. This would load quicker.

Thanks

April 22, 2013 · Reply
Manuel Author Editor
Hi! we use this awesome jquery, but have problem with description for each slide, after search on web, we have found people with same issue and on this link we post a solution!

http://stackoverflow.com/questions/7952988/adding-html-text-to-supersized-jquery-image-slide/16152484#16152484

April 22, 2013 · Reply
Spiliotopoulos Author Editor
Has anybody used this with transparent images?

I’m building a portfolio with renderings of my company’s work. The renderings have transparent backgrounds (with the idea being that a fixed textured background will show through from the body element). But portions of the underlying slides are showing through, ruining the effect.

Is there a way to hide the slides underneath so they’re visible only when active?

Thanks,

J

April 27, 2013 · Reply
- Spiliotopoulos Author Editor
  Solved my own problem. I just adjusted the CSS so only the activeslide class was visible – and all others to be hidden. Thanks for the attention.
  
  April 28, 2013 · Reply
SamK Author Editor
Hi, Sam, and fellow developers!
Excelent job here!
I’m using supersized.js on a photographer’s website, and it’s working absolutely fine, except on Chrome (and chrome based browsers, such as SWR Iron).

On those browsers, images and captions are not in sync. Tottally annoying. Captions are showing up first, and then the image, after a short delay. This delay appears to be related with image «weight».

It seems to be a Chrome issue, no doubt about that, but I was hoping there was some kind of solution for this nuisance. I can provide a link, in private, if requested.

Thanks in advance, and congratulations for this fantastic script.

April 28, 2013 · Reply
Adam Author Editor
Hi,

Love the slider, it’s a work of art! However, I have a question, I am not able to get anything jQuery to work after the script on the HTML page (Facebook like button, Google+ button, Google Analytics, etc). Any suggestions on how to fix this problem?

Thanks!

April 28, 2013 · Reply
Ghani Author Editor
Is it possible to insert video file on supersized slide image? when user click on the image, the popup video appear

can anyone tell me how to do that…. Thank you:)

April 29, 2013 · Reply
Niraj Author Editor
Excellent plugin. Many thanks to you.. I am in process of integrating it with WordPress. The feature to disable right click is very useful for image protection. But if i see the page source, i see my image path/name being shown in the source. Someone can easily copy them from the location. Is there any way to hide these paths/names from being shown in the page source. They will be there but will not be shown..

May 5, 2013 · Reply
Steve Author Editor
Great works.

I have a question about the slider.

how to make link is open on current page not blank when the image is clicked on slider ?

This is realldy important for me.

Please give me the advice

May 6, 2013 · Reply
Imran shariff Author Editor
Hi,

I am trying to add bit more content in to ‘slidecaption’ by using some extra html in it, does body please tell, after a very long day I have found this script, but I am stuck here..

Required your help…

May 9, 2013 · Reply
largowin Author Editor
Is it possible that it is not with Firefox anymore??? I work on mac and it works with Safari, Firefox, Opera, Chrome.

I juste bought a pc to test my pages and it works on IE but not on Firefox???!!! I tought it as a problem with my new PC and I asked to my roommate (who always works with a PC (me, know nothing) and he has the same problem with Firefox…

We tried together this page : http://buildinternet.com/project/supersized/slideshow/3.2/demo.html

May 11, 2013 · Reply
John Author Editor
Hi,

Where can I find documentation about how to update Supersized from version 3.1.3?
Only found for 3.0->3.1

Thanks :)

May 15, 2013 · Reply
vince Author Editor
Nice plugin,

Hi, I’m having an issue where if I have too many slides, for example 100 the thumb tray button is no longer working as I can’t click it anymore as the the dot images representing the thumbnails are overlapping the thumb tray button. Is there a way to correct this so that the thumbnail circle images are not allowed to go over too far right to the thumb tray button?

Any help greatly appreciated.

Vince.

9 hours ago · Reply
scott Author Editor
never mind – it was doctype issue.

January 13, 2013 · Reply
Joseph Author Editor
Hi scot, is this a reply to me ?
If so, my page has a doctype.

February 15, 2013 · Reply