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.

Posted Monday, July 11th, 2011 · Back to Top

SPONSOR

Add Comment

1390 Comments 55 Mentions

  1. 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/

    ·

    • 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.

      ·

    • Javier Author Editor

      Hi Henk,

      I´m experiencing the same problem on iOS6, Have you got any solution?

      ·

      • 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”.

        ·

      • 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…

        ·

      • 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.

        ·

      • 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/

        ·

      • just saying Author Editor

        I can confirm the above plug-in fixes the flickering image in ios6. thank you!

        ·

      • 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

        ·

      • 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!

        ·

    • 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?

      ·

      • Chris Author Editor

        I’m having this issue as well. Just on iOS6. Tested an Android device and it works fine.

        ·

      • BArry Author Editor

        Yep, me too. Left side cut off (white) in mobile browser

        ·

      • Dr. Marco Marsaòa Author Editor

        Hi.

        it is the known iOS 6 -128px bug that affects sites where the html and body tags have an overflow:hidden property. this bug was introduced in iOS6.

        You can fix bu adding position:relative to html and body tags in your stylesheet.

        MM

        ·

    • Eduardo Iturbe Author Editor

      Sorry, my mistake, I forgot to reload. The plug-in fixes the flickering image. Thanks

      ·

      • Chad Thurman Author Editor

        I was wondering where to paste the plug-in in the index?

        ·

  2. peter` Author Editor

    Hey man

    is there a way to change the default thumbnail dimensions?

    ·

  3. 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.

    ·

    • peter` Author Editor

      i agree this would quite an improvement

      ·

  4. 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!

    ·

  5. 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

    ·

    • 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?

      ·

    • Marcelo Author Editor

      The thumbnails list appears when you click the button on the bottom in right side (up arrow).

      ·

      • 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.

        ·

      • 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. :)

        ·

  6. Marius Wathne Author Editor

    Hello, we have been using supersized for a little while now, and it’s amazing! Thanks for sharing. :)

    ·

  7. Dade Author Editor

    If anyone know how to solve my question above, please email me at theemeraldream@gmail.com

    Thank you.

    ·

  8. 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.

    ·

  9. Peter Author Editor

    Does anyone know how to change the color of the black background as Supersize loads? Thanks.

    ·

    • Peter Author Editor

      Never mind, I figured it out. ;)

      ·

      • Richard Author Editor

        How dit you change the color?
        I can’t find….

        ·

  10. 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!

    ·

    • 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.

      ·

    • 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!

      ·

      • 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.

        ·

      • 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

        ·

      • 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.

        ·

      • 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).

        ·

  11. Mark Author Editor

    Thank you very much for this excellent plugin. I love it.

    ·

  12. 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

    ·

  13. 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.

    ·

    • 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.

      ·

      • 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

        ·

      • 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.

        ·

      • TheMaker Author Editor

        Thank You Melinda! Saved my life too

        ·

  14. 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/”?

    ·

  15. 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?

    ·

    • WindyCityDeveloper Author Editor

      Did someone find a solution to this?

      ·

    • 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()});

      ·

      • 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.)

        ·

      • 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

        ·

      • 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

        ·

      • 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

        ·

      • 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

        ·

      • Eemeli Author Editor

        Ok another addition, due to the new version… Now after you have commented you that one line, and switched the functions as I described earlier, the arrow button which is loaded by default is still upside down on page load. To fix this, open default.js and on line 36 change “button-tray-up.png” to “button-tray-down.png”.

        ·

  16. 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?

    ·

    • As Astral Author Editor

      Come on guys please help me ;))

      ·

  17. 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.

    ·

    • 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.

      ·

  18. 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?

    ·

  19. David Author Editor

    How I can put the option slide_links to open the links on the same page?

    ·

    • David Author Editor

      Would it be possible to use thumbnails as links to other web?

      Thanks supersized!

      ·

    • 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.

      ·

  20. Glenn Author Editor

    Is there a way as setting the slideshow as the background to a specific DIV rather than the entire background?

    Thanks

    ·

    • Marco Author Editor

      I used it inside tags and work perfectly

      ·

      • Ale Author Editor

        Inside tags?
        What do you mean?
        Could you explain, please?

        ·

  21. 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

    ·

    • al Author Editor

      i will of course make a donation for this excellent plugin should someone provide a working solution

      ·

  22. 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.

    ·

  23. 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

    ·

  24. Marco Author Editor

    Is there a way as setting the slideshow as the background to a specific DIV rather than the entire background?

    ·

  25. 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 ;)

    ·

  26. Meghan Author Editor

    What’s the best way to do categories?
    (Example: Hotel | Guest Rooms | Dining etc)

    ·

  27. 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?

    ·

  28. 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!

    ·

  29. Iwan Author Editor

    Is this for joomla?what version?

    ·

  30. 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

    ·

  31. 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;
    }
    });

    ·

  32. Mara Author Editor

    some information was missing (maybe doesn’t support html tags) :/

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

    ·

  33. 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.

    ·

    • 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.

      ·

  34. 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

    ·

  35. 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

    ·

  36. 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.

    ·

    • 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

      ·

  37. 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

    ·

    • 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.

      ·

  38. 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

    ·

    • 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.

      ·

      • 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?

        ·

    • 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()});

      ·

  39. 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

    ·

  40. یادگیری زبان Author Editor

    well done dude.

    ·

  41. Charles Author Editor

    Hi there, is it possible to have a vertical vs horizontal slide transition?

    ·

  42. 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!

    ·

  43. 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!

    ·

    • Sam Author Editor

      Also looking for this feature. Can’t seem to get it to work with CSS.

      ·

    • Herr T. Author Editor

      This works for me:
      Add the following lines to the end of your supersized.css:

      @media print {
      #supersized {
      display: none;
      }
      }

      ·

  44. 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?

    ·

  45. 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?

    ·

  46. 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

    ·

    • Aron Author Editor

      Hi Mikhail – do you know how do it? That will be usefull. Regards

      ·

      • 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

        ·

  47. 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.

    ·

  48. 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!

    ·

    • 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

      ·

      • 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?

        ·

  49. 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

    ·

  50. 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,

    ·

    • Aris Author Editor

      Nevermind, like the most problems I encounter as a designer it was something small I missed. Great script!

      ·

      • 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.

        ·

  51. 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…

    ·

  52. 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

    ·

  53. 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

    ·

  54. Richard Author Editor

    Thanks for great designs.

    ·

  55. zak cardian Author Editor

    how to make that thumb_tray always stay on the screen.. i wanna remove the thumbnails show and hide button ?

    ·

    • Robert Author Editor

      Add to yor scriptlet where all options for the slideshow are defined right before the closing -tag the following:

      jQuery(window).load(function(){                jQuery('#tray-button').trigger('click');            });

      At least that makes the thumb-tray “visible upon page load”. Hope it helps

      ·

      • Robert Author Editor

        the closing .-tag that meant.

        ·

      • Robert Author Editor

        script!
        darn.

        ·

  56. fay Author Editor

    Hi there, is it possible to have a vertical thumb

    ·

  57. 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.

    ·

  58. 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.

    ·

  59. 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.

    ·

    • Peter Author Editor

      Never mind, I figured it out

      ·

  60. Peter Author Editor

    Anyone know if mobile touch swipe can be integrated into supersized?

    ·

    • 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.

      ·

  61. 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?

    ·

  62. joanna Author Editor

    hi,
    i have a “one page” site , and wanted to know how can i have 2 galleries….
    thanks!!!

    ·

  63. 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?

    ·

  64. 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

    ·

  65. 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.

    ·

  66. 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

    ·

  67. Peter Author Editor

    Anyone know how make the slideshow advance when you click the image?

    ·

  68. 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

    ·

  69. 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

    ·

  70. 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.

    ·

  71. 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.

    ·

  72. 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.

    ·

    • 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.

      ·

  73. 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

    ·

    • Jörg Author Editor

      Are there news on this topic? Perhaps we should wait until the next Android update? ;-)

      ·

      • 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!

        ·

  74. scott Author Editor

    never mind – it was doctype issue.

    ·

    • Joseph Author Editor

      Hi scot, is this a reply to me ?
      If so, my page has a doctype.

      ·

  75. 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

    ·

    • 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 :-)

      ·

  76. 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

    ·

  77. 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

    ·

  78. 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!

    ·

    • Nick Author Editor

      sorry, target the page that is set from the slides ‘url’.

      ·

  79. 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

    ·

    • Jörg Author Editor

      Yes, you can set the ul#slide-list in the shutter theme css to visibilty: hidden;

      ·

  80. 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.

    ·

    • 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?

      ·

  81. 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.

    ·

  82. 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!

    ·

  83. 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.

    ·

  84. 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).

    ·

  85. 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!

    ·

  86. David Author Editor

    Can this be used for large photo albums – like 100s of images? Has anyone used it for that yet?

    ·

  87. Ew Author Editor

    How to make friends with this plug-in Russian language?

    ·

  88. Fitryan W. Pratama Author Editor

    Awesome slider. Could this plugin be used to slide the page?

    ·

  89. 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!

    ·

  90. Mike Author Editor

    Hi, Can i use a png images as watermak for the background images?
    like creating a grid.
    Thanks.

    ·

  91. 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!

    ·

  92. Aaron Author Editor

    just to share this Supersized Drupal module. Hope could help anyone with a drupal site.

    http://drupal.org/project/supersized

    ·

  93. 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

    ·

  94. kuru igneleme sivas Author Editor

    all of them really great. thanks i like it alot

    ·

  95. 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!

    ·

  96. 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.

    ·

  97. 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

    ·

  98. 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…

    ·

  99. 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!

    ·

  100. 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!

    ·

  101. 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…

    ·

  102. 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!

    ·

  103. 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.

    ·

    • Karen Author Editor

      I have the same question. I’d like to get the transition smoother. I’ve updated to version 3.2.7. I don’t know how to express what I want technically, but basically I’d like the first image to fade out way more before the second image starts fading in. It seems like that would make the transitions smoother.

      ·

  104. 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

    ·

  105. 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???

    ·

  106. 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?

    ·

  107. Edward Author Editor

    Cufon does nto work wih supersize. Does anyone know a trick? Thanks!

    ·

  108. 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

    ·

  109. 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

    ·

  110. prefabrik Author Editor

    perfect thank you.

    ·

  111. 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.

    ·

  112. 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

    ·

  113. 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.

    ·

  114. 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?

    ·

    • 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

      ·

  115. 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! :-)

    ·

  116. 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!

    ·

  117. 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

    ·

    • 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!

      ·

  118. 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 :(

    ·

  119. 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?

    ·

  120. curente Author Editor

    how can i disable fullscreen

    ·

  121. behrozi Author Editor

    Very Very Good!
    *-*-*
    TnX

    ·

  122. 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……

    ·

  123. 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

    ·

    • 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.

      ·

  124. 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

    ·

  125. 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.

    ·

  126. 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?

    ·

  127. 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

    ·

  128. 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

    ·

  129. 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

    ·

  130. 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?

    ·

  131. Paolo Author Editor

    I have used this plugin for a hobby site. It works in a great way.

    Thank you.

    Paolo

    ·

  132. 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

    ·

  133. 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

    ·

  134. Avinash Kabra Author Editor

    Its a great plugin. Highly appreciable…

    ·

  135. 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!

    ·

  136. 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!

    ·

    • 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.

      ·

      • Alex Author Editor

        ·

  137. 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

    ·

  138. 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

    ·

  139. 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

    ·

    • 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.

      ·

  140. 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.

    ·

  141. 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!

    ·

  142. 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:)

    ·

  143. 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..

    ·

  144. 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

    ·

  145. 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…

    ·

  146. 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

    ·

  147. 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 :)

    ·

  148. 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.

    ·

  149. most effective |hair growth| product|most effective hair growth product| Author Editor

    Fantastic points altogether, you just gained a logo new reader. What might you recommend about your put up that you made a few days ago? Any positive?

    ·

  150. stefan Author Editor

    Hi,

    Nice work!!
    I have one small issue in Firefox:
    http://buildinternet.com/project/supersized/slideshow/3.2/demo.html
    if you zoom in/out after the transition everything goes bust!?

    this happens only after the transition effect.

    Any suggestions?

    Thank you very much

    ·

  151. AlexLu Author Editor

    hi! how to install this plugin to joomla 3.0?

    I have that message:
    Warning
    JInstaller: :Install: Cannot find XML setup file

    help me plz

    ·

  152. Delta Author Editor

    Hi, there is a problem with firefox tabs. When i switch the tab to other website and after for example 5min when i return to Supersized webpage i see that the first background appear is dark than quickly change to the real background image. This didn’t happen when i refresh the page, but only when i switch tab and wait for a couple of minutes. How to fix that, (remove dark background) ?

    ·

  153. emilio Author Editor

    Hi Sam. This mornin I tryed to see the page http://www.fotorescigno.com/fade whith several browsers. This is the result:
    - Internet Explorer: it doestn’t work
    - Safari: everythying is ok till the third picture, from the 4 BLACK SCREEN
    - Chrome: everything is okay
    - Firefox: everything il okay

    can you help me to resolve for IE and Safari? Thank’you.

    I’ll do a donation for your fantastic program.

    Emilio

    ·

  154. Matt Author Editor

    Little help please. I can not get the slides to act as links.
    I have the code set up like this:
    slides : [ // Slideshow Images
    {image : ‘image/01.jpg’, title : ”, url : ‘mypage.html’},

    But the images does not act as a link. No hand cursor, no redirect to stated url, nothing in the status bar.
    version 3.2.5

    Any ideas?

    ·

    • Andres Author Editor

      Hello Matt, did you find a solution for this issue ? I have the same problem

      ·

  155. emilio Author Editor

    Dear Sam and guys there seems to be a very mistery.
    Why if one’s see your demos wiht explorer 8 online everything works properly but wen you try to see them once downloaded in your computer it doesn’t work and the video is black? in the example there isn’t a comma after the last image so it should be work correctly whit explorer 8. Thank’you in advance for your help to me.

    ·

    • emilio Author Editor

      Sam there seems to be a code error in the last script becouse with version 3.1.3 the problen desn’t exist and with explorer 8 I have no problems to run supersized. Can you verify? Thank’you.

      ·

  156. Phil_in_zh Author Editor

    Fantastic project. Congratulation! I am really impressed.

    Anyway I seems to have discovered a bug.
    By using the Android own Browser (Android 4.1.2) the images appears distorted.

    I don’t know if you are aware of this.

    ·

  157. MrZensan Author Editor

    hi there need help on slowing the supersize slideshow

    here the code

    { margin:0; padding:0; }
    body { background:#111; height:100%; }
    img { border:none; }

    #supersized-loader { position:absolute; top:50%; left:50%; z-index:9000000; width:60px; height:60px;

    margin:-30px 0 0 -30px; text-indent:-999em;}

    #supersized { display:block; position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }

    #supersized img { width:auto; height:auto; 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 li { display:block; list-style:none; z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111; }

    #supersized a { width:100%; height:100%; display:block; }

    #supersized li.prevslide { z-index:-20; }

    #supersized li.activeslide { z-index:-10; }

    #supersized li.image-loading { background:#111 url(../img/progress.gif) no-repeat center center; width:100%; height:100%; }

    #supersized li.image-loading img{ visibility:hidden; }

    #supersized li.prevslide img,

    #supersized li.activeslide img{ display:inline; }

    ·

  158. Jimmy Author Editor

    Hi

    I just installed Supersized for use as gallery for some photos and love it. But it crashes Safari on IOS6 when too many images are used (about 100), how can that be? Hope someone can help :)

    Thanks

    ·

    • alex Author Editor

      I have the same problem Jimmy has. Crashes on iPad.

      ·

  159. Sol Author Editor

    Great plugin Sam, well done!

    The only question really is how can we make it more SEO friendly?

    Text / captions embedded into JS is not really the ideal SEO solution?
    Anyone have any ideas?

    ·

  160. Sascha Author Editor

    Sam Dunn you are the boss!

    Many thanks for this perfect slider :)

    ·

  161. James Author Editor

    can anyone tell me how can I add fadein and fadeout to the captions?

    Thank you

    ·

  162. James Curran Author Editor

    Great plugin, can’t believe I have never come across this and your other work before. I’ll be using it for a presentation this week, really handy thanks very much.

    ·

  163. r4dn Author Editor

    Hello and thank you for this work!

    - I have problems with Chrome (mac os x), the first image is shifted down and I do not know why? someone already had it?

    - Is it possible to share a link for each image? a twitter link for example?

    thank you for your help.

    ·

  164. Jared Author Editor

    Hi!
    I actually buy a template that use Supersized, i have a problem with the URL function, it appears that the creator disable click on image, i wonder if anyone can help me were can i find this configuration?, i want to add links to each picture.
    Thanks for your support!

    ·

    • Andres Author Editor

      Hello Jared, did you find a solution to this ? I have the same problem

      ·

  165. Sol Author Editor

    @Jared

    Without seeing the code you have it would be impossible to advise you.

    I suggest pasting the code into pastebin.com and then adding the link to your comment on here so people can take a look.

    ·

  166. Sol Author Editor

    @r4dn

    I don’t see this issue in Chrome – give us the website address – probably a CSS issue?
    Working fine in all other browsers?

    ·

  167. Mak Author Editor

    This looks perfect for the gallery in my web page, I love the way this slideshow works; but I am concerned about the speed of page load as I am going to have about a hundred images. Will this be suitable for that large number of images?

    ·

  168. tony Author Editor

    am trying to open all links in self window and i cant…

    i try to edit “slide_links: ‘blank’” to self, but still openin a new window
    i even try to add something like this “{image : ‘slideshow/slides/02.jpg’, url : ‘file.html’, target : ‘_self’},” but it wont work

    what am i doing wrong ? the link always open a new window

    thank you

    ·

  169. Prex Author Editor

    I was wondering is there a way to have hover over icons on certain areas of the image to have a popup div

    ·

  170. Anoop Author Editor

    can anyone tell me how can change the size of background images … in am new in js and css ……

    {image : ‘images/full/pump.jpg’, title : ”},

    ·

  171. Koro Thomas Author Editor

    Hello,
    It is impossible for me to make viewing thumbmail with JS 2.0 work. can you help me?

    ·

  172. Gulhan Author Editor

    Is it possible to give “thumb-tray” a fixed width value
    and still make it work / slide well??

    ·

  173. Gulhan Author Editor

    I want my “thumb-tray” center of my website and 800px width.

    But when i resize “thumb-tray” to 800px, some of thumbs are disappearing / missing.

    Is there a way to reduce “thumb-try” width and still work fine without missing thumbs?

    ·

  174. Stéphane Author Editor

    Did you found any real solutions concerning the problem with iOS6 ? It is really annoying to see that it is almost impossible to use a website using your script on mobiles like iPod or iPhone because of that… It flicker, it freeze and finally it crash.
    Thanks for your help.

    ·

  175. Heather Author Editor

    Ok…. I love the slideshow. I think it is perfect for my needs. However, I have been working with the script and I can not get my images to appear.

    I am adding them after

    slides : [
    {image : ‘/home.gallery/home-page-001.jpg’, title : ”, url : ”,thumb:’/home.gallery/home-page-001.jpg’},

    I have reviewed the code and it all looks right….
    Any ideas??? I really need this to work.

    Thanks.

    ·

    • Stéphane Author Editor

      Have you try to remove the dot “.” in your folder name?

      ·

      • Heather Author Editor

        Yes. I tried other images in an image folder and they did not appear. And I know these photo links work because I have used them in another slider. Any other ideas?

        Thanks

        ·

  176. Stéphane Author Editor

    I made a test, and i the problem is simply the first slash “/” :
    {image : ‘home.gallery/home-page-001.jpg’, title : ”, url : ”,thumb:’home.gallery/home-page-001.jpg’},
    But still, to maintain a good habit, you should never use a dot in the name of files or folders.

    ·

    • Heather Author Editor

      I really want this to work!! Does anyone have an idea of how to get my images to appear on the slideshow? Is there a size that works best? Right now, most are 1,000 px wide and less than 1.8mb.

      I am adding the image files after the slides portion of the script.
      The loading icon appears but not the photos.
      I am using jquery.easing.min and touchwipe.min, supersized.3.1.4b.fit and a link to ajax 1.5.1.

      my script appears like this (I took out the other image links so the post would not be that long):

      jQuery(function($){
      $.supersized ({

      //Functionality
      slideshow : 1, // Slideshow on/off
      autoplay : 1, // Slideshow starts playing automatically
      start_slide : 1, // Start slide (0 is random)
      random : 0, // Randomize slide order (Ignores start slide)
      slide_interval : 3000, // 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 : 500, // 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)

      //Size & Position
      min_width : 0, // Min width allowed (in pixels)
      min_height : 0, // Min height allowed (in pixels)
      vertical_center : 1, // Vertically center background
      horizontal_center : 1, // Horizontally center background
      fit_portrait : 1, // Portrait images will not exceed browser height
      fit_landscape : 0, // Landscape images will not exceed browser width
      slides : [ // Slideshow Images
      {image : 'home.gallery/home-page-001.jpg',thumb:'home.gallery/home-page-001.jpg'},

      {image : 'home.gallery/home-page-023.jpg', title : '', url : '',thumb:'/home.gallery/home-page-023.jpg'}
      ]

      });

      $(‘#main-nav’).hover(function(){
      $(this).stop().fadeTo(‘fast’, 1);
      }, function(){
      $(this).stop().fadeTo(‘fast’, 0.7);
      });

      $(‘#main-nav a’).click(function(){
      if ($(this).parent().hasClass(‘child’) == false && $(this).parent().next().hasClass(‘child’)){
      return false;
      }
      });

      });

      ANY IDEAS?

      ·

  177. rental motor jogja Author Editor

    Hmm it appears like your website ate my first comment (it was super long) so I guess I’ll just sum it up what I submitted and say, I’m thoroughly enjoying your blog.
    I as well am an aspiring blog writer but I’m still new to the whole thing. Do you have any tips for novice blog writers? I’d really appreciate it.

    ·

  178. Mars Author Editor

    very nice plugin.
    i just wana know that how to maintain the actual image size?
    thanks

    ·

  179. Rob Author Editor

    Is there a way to add alt tags to images? Would help with SEO and I also would like to use with a caption overlay plugin.

    ·

  180. Встречи для секса Author Editor

    Magnificent goods from you, man. I have understand your stuff previous to and you’re just too great. I actually like what you’ve acquired here, certainly
    like what you’re saying and the way in which you say it. You make it enjoyable and you still take care of to keep it sensible. I cant wait to read far more from you. This is really a wonderful website.

    ·

  181. David Author Editor

    I love this plugin and use it on several of my clients websites. The only issue I have been experiencing is a little jumpiness on the slides about every second or third one on the iPad. Anybody else have this issue or know what I can do to resolve this?

    Thank you,

    David

    ·

  182. Andres Author Editor

    Hello, I have a problem with Supersized, it wont let me link slides to a pdf document or any url … I compared it to the demos and syntax seems right. Please help, the code goes like this

    // Functionality
    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 : 700, // Speed of transition

    min_width : 0, // Min width allowed (in pixels)
    min_height : 0, // Min height allowed (in pixels)
    vertical_center : 1, // Vertically center background
    horizontal_center : 1, // Horizontally center background
    fit_always : 0, // Image will never exceed browser width or height (Ignores min. dimensions)
    fit_portrait : 0, // Portrait images will not exceed browser height
    fit_landscape : 0, // Landscape images will not exceed browser width
    new_window : 1,

    // Components
    slide_links : ‘blank’, // Individual links for each slide (Options: false, ‘num’, ‘name’, ‘blank’)
    slides : [ // Slideshow Images
    {image : '/images/home_slide/slide4_c.jpg', thumb : '/images/home_slide/slide4_c_thumb.jpg', url : 'images/press_docs/HOS_LEGOLDTRAVELSPRAY_FINPR.pdf'},

    {image : '/images/home_slide/slide3_c.jpg', thumb : '/images/home_slide/slide3_c_thumb.jpg', url : 'images/press_docs/HOS_LEGOLDTRAVELSPRAY_FINPR.pdf'},

    {image : '/images/home_slide/slide5_c.jpg', thumb : '/images/home_slide/slide5_c_thumb.jpg', url : 'images/press_docs/HOS_LEGOLDTRAVELSPRAY_FINPR.pdf'},

    {image : '/images/home_slide/slide1_c.jpg', thumb : '/images/home_slide/slide1_c_thumb.jpg'},

    {image : '/images/home_slide/slide2_c.jpg', thumb : '/images/home_slide/slide2_c_thumb.jpg'},

    ]

    });
    });

    ·

  183. Tom Author Editor

    Android Friendly?

    Great slideshow, works good on desktops and iOS, but the images jump around when scrolling on Android:

    http://www.halo-hair-salon.co.uk/supersized.html

    ·

  184. Sienna Author Editor

    great post, very informative. I ponder why the other experts of this sector do not
    realize this. You should continue your writing. I am sure, you
    have a great readers’ base already!

    ·

  185. mario Author Editor

    Thank you for Supersized, which I am using with WordPress.

    Is it possible to pause/play the slideshow by clicking on the slideshow-image instead of the pause/play buttons? I understand that has something to do with api.playToggle funcition, but I couldn´t make it work.

    Transition speed of slides is very slow (6sec). The pause-button does not react within these 6 seconds. Is there a way to pause during transition.

    Thanks

    ·

  186. nina Author Editor

    Hello….

    I have an issue with the background in ipad portrait mode. The image has a wrong ratio. Somebody could give me a help ?
    Thanks

    ·

  187. Luca Author Editor

    hello it is possible to hide the preview when you click on the? I do not know the code. thanks

    ·

  188. Gaurav Author Editor

    Hi,

    How can I make the default appearance of the supersized jquery thambnail slider to be displayed i.e. currently by default the thumbnail slider is not displayed. SO how can I change it to display by default?

    Any help?

    Thanks
    Gaurav

    ·

  189. gsd050 Author Editor

    i tried to add a slide show in a div for news update.. but it blocked the slide show of background and all the keys of supersized are not working showing already present thumbnail strip

    ·

  190. Alex Author Editor

    Hello Sam,

    I’m using Supersized Fullscreen Slideshow jQuery Plugin for a friend website, i’d like to know if there’s a way to give an url parameter to the html on an external referral thumbnail to start on a specific slide.

    It’s a very nice plugin, thanks.

    ·

  191. Jon Author Editor

    Hi there

    I have just had a quick look for a friend at why the slide show isnt working.
    Its plugged into wordpress, nothing has been changed this year (for a long time) and all of a sudden it stopped working. Any ideas?

    Thanks
    Jon

    ·

  192. reseller batik Author Editor

    My developer is trying to convince me to move to .net from PHP.
    I have always disliked the idea because of the expenses.
    But he’s tryiong none the less. I’ve been using WordPress on several
    websites for about a year and am nervous about switching to another platform.
    I have heard excellent things about blogengine.net. Is there a
    way I can import all my wordpress content
    into it? Any kind of help would be really appreciated!

    ·

  193. ewas Author Editor

    Very useful plugin. I like it.

    But… it crashes after 16 slide.
    For example if I have more than 16 slides it stops at 16th with javascript error:

    Error: TypeError: f.easing[i.animatedProperties[this.prop]] is not a function
    Source: https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js
    Line: 4

    I have multiple pages with different galleries and it does the same on the same 16th slide on all of them.

    ·

  194. Bossa Nova Author Editor

    Does anyone know if it’s possible and how to add a youtube video to the slideshow?

    Thanks.

    ·

  195. Nick P Author Editor

    Is there a way to selectively load images of varying resolutions depending on say, viewport size? I’m using Supersized simply for the core function of full-scaling background images and I’d like to load large images for desktop, mid for tablet, and small for phone. Thanks for any insight here.

    ·

  196. joe newton Author Editor

    Firstly I must say what a great plugin this is! However I seem to have a compatibility problem. I had a menu with a dropdown over the slideshow which worked fine, but with IE10 not allowing any hover statements I changed this to work with IE10. It seems any solution that works for IE10 doesn’t work when placed over the slideshow. Tried about 5 different solutions for a IE10 dropdown and none worked over the slideshow. Is this me being stupid or is this a known problem?

    ·

 

Build Internet by One Mighty Roar. Since 2008.