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 [email protected]!

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 [email protected]. 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 34 Mentions

  1. Modesty Author Editor

    Hi!
    If i want to do a menu on the site is there a way to get the links to each slide?

    ·

  2. J Author Editor

    Hi – I was just wondering how I can show the thumbnails by default.

    Thanks in advance.

    J.

    ·

  3. Matthias Beindorff Author Editor

    The new version generates an error:
    Warning: Invalid argument supplied for foreach() in ../wp-content/plugins/wp-supersized/includes/WPSupersized.php on line 476

    I think this is why it doesn’t work anymore!

    ·

  4. Matthias Beindorff Author Editor

    Whoops! Ignore my post. Moving it to WP Supersized ;-)

    ·

  5. Lisa Author Editor

    Hello,

    I think I might be missing something terribly obvious, but I’m trying to turn off navigation, but not having any luck for some reason. It’s not in the documentation, but the flickr.html shows “navigation: 1”, so I was hoping “navigation:0” would work with the normal slideshow, but to no avail.

    Any tips?

    ·

  6. Lisa Author Editor

    Sorry – I’m an idiot. It’s just HTML. Too clever and simple!

    Thanks for a great plugin!

    ·

  7. Davor Author Editor

    Just to mention to all users, dont to stupid mistake as i did.

    dont bind any event to all “a” or “div” or… like:
    $(“a”).live(event,function(){});

    if you do it, supersized background will freeze eventually

    And thanks again for great plugin! I love it :)

    ·

  8. Aaron Author Editor

    I would like to use this plugin to manage a wordpress gallery in a post. So when a user clicks a thumbnail in a gallery in wordpress it swaps the background image. Is there anyway to do this? thanks!

    ·

  9. Ebpo Author Editor

    Hi! Great plugin!
    I’d like to have the resize effect only applicable on one div (i’d have my menu float left right next to it). How can I do this?

    ·

    • Mike Author Editor

      I need do the same thing. I need the Background placed in a DIV. Anyone help?

      Thanks
      [email protected]

      ·

    • JRBERNSTEIN Author Editor

      First, thanks for this great plugin!

      I’m having the same problem here (except I’d like my menu on the right). Any help would be greatly appreciated!

      Would also be nice if the image wasn’t cut off at the bottom by the Time Bar and Slide counter.

      There’s probably an obvious solution to many, but I’m very new to web-coding and could use some help.

      Thanks!!!

      ·

    • Pepi Author Editor

      I’m ok with JrBernstein, that’s a great plugin. But I’ve got the same problem : how to use it in a DIV ? Another way without using a frame ?

      ·

    • kaigou Author Editor

      I figured out how to stick it in a div. Open the min file (or the non-min, whichever you’re using) and look for this line:

      a(“#section-2″).append(”

      In the min version, it’ll be in the very first line. The original says this:

      a(“body”).append(‘

      but just change “body” to “#div-id” or “.div-name” as needed. Now it should work inside a div instead of being a backdrop to the entire site.

      ·

      • kaigou Author Editor

        Whoops, sorry, looks like it stripped the brackets. Putting in * where there should be angled brackets:

        a(“_______”).append(‘*div id=”supersized-loader”**/div**ul id=”supersized”**/ul*’)}

        The underscore is where you put the div-id or div-name. The rest is just for reference, so you know you’re changing the right thing. Basically, it’s the part of the script that indicates where the pictures should get added. Default is the body.

        ·

      • joshy Author Editor

        its not working for me.Please giver some other idea to resolve this if you have it

        ·

  10. Bart Author Editor

    Hi. It seems that the api.goTo function isn’t working very well. When going upwards the list the slider is working great, but it stops working when going downwards.

    The goTo function would provide me an alternative for sublists.

    ·

  11. Bart Author Editor

    Sorry. My mistake. I added some transitions and forgot one for prevSlide().
    Thanks for this great plugin!

    ·

  12. John Author Editor

    Hi,
    supersized is a fantastic tool, but I have one problem: how do I get a certain bottom margin to the images? I’ve tried some changes to the #supersized css (height, bottom), but I got strange results.

    Greetings,
    John

    ·

  13. Thorsten Author Editor

    Hej Guys,

    first of all, thank you very very much for the scripts, it’s just amazing. I have one last missing point, is it possible to add a deeplink-functionality (eg http://www.asual.com/jquery/address/ ) to it? I tried it twice, but it doesn’t work correctly. somebody with the same problem?

    thanks a lot in advance

    ·

    • josh k Author Editor

      currently trying to implement address and the query string won’t update in the url correctly. any luck getting it working?

      ·

  14. Deane Author Editor

    Any chance you might add the ken burns pan-and-zoom effect? I know it would be a bit distracting for the background of a page, but I’m planning to use it as the main event. If not, do you know of any non-flash, full-screen, resizing slideshows with this effect?

    Thanks!

    ·

  15. Bryan Author Editor

    I’m looking for a way to bring in pictures by a wipe effect on top of the previous one with a some zooming after it wipes over the previous background. Anyone added this or know of a script that does this? Something like unioneditorial.com’s flash. Thanks…

    ·

  16. craig Author Editor

    hi
    using chrome, if you click off the actual body content, (in your example hover below the page content) it introduces a scroll bar — is there any way to get rid of this?

    thanks

    craig

    ·

  17. moedas pw Author Editor

    You have to believe in yourself . That’s the secret of success .

    ·

  18. full colour leaflet Author Editor

    im searching rumantic movie (new)…

    ·

  19. rift platinum Author Editor

    You have to believe in yourself . That’s the secret of success

    ·

  20. Nuno Author Editor

    Hi!

    Do anyone knows how to prevent images to be printed in background?

    I’m using the plugin on my new blog project http://walkarounds-blog.blogspot.com and I want to prevent images to be printed with blog posts.

    Thanks!

    ·

    • David Author Editor

      Add this to your site’s CSS file

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

      ·

      • Nuno Author Editor

        Sorry David, no luck…

        Thanks anyway…

        ·

  21. H Author Editor

    Hello,

    Is there a way in the current version to be able to have multiple supersized images within a document for use within separate div tags? Thanks in advance.

    ·

    • Mike Author Editor

      I’m looking to do the same thing. I need the Background image to be in it’s own DIV. Let me know if you find out how.

      Thanks
      [email protected]

      ·

  22. pedroR Author Editor

    Hi.

    Is it possible to use this awesome api twice in the same page.What I want to do is a background-image( jpg) and add another set of png or gif images, to make some kind of different effect.

    Is this possible?? Thanks

    ·

    • Mike Author Editor

      Have you had any luck?

      ·

      • PedroR Author Editor

        No. I did with jpgs.. :(

        ·

  23. Ron Author Editor

    Thanks for the great work! I am trying to grab values pulled from the ‘title’ variable and use them in a link so that people can have a URL to go directly to an image. For instance:

    image-001.jpg has a title of ‘001’ and the link will be
    link

    I’m pretty new to Java but I think there has to be a way to pull the information (‘001′) dynamically from the div id=’slidecaption’ isn’t there?

    Thanks for any direction you can point me.

    ·

    • Ron Author Editor

      FYI – Figured it out. In case anyone needs to know, here is what I’m using:

      function makelink () {
      var titleLink = api.getField(‘title’);
      return (titleLink);
      }

      And then the link:

      ·

      • Ron Author Editor

        Sorry – this board is mangling code. This is wrapped in a onclick:

        document.location.href=’test.php?id=’+makelink();

        ·

  24. Nathan Author Editor

    Hi there.

    I am sure I am being a bit of a muppet. But I just can’t seem to get the background images to load on the above website. Although I have got it working great on my development site. Any ideas whats a miss?

    ·

  25. Holger Author Editor

    Hi there,
    Can anyone please post an example for api.goTo?
    Can’t get it working. Please…

    ·

  26. lucas Author Editor

    Hi there,

    Thanks for an awesome template.
    Has anyone experienced a fade problem where the slideshow ‘hiccups’ on each slide after a couple of smooth ones?
    Any ideas would be hugely appreciated.

    Regards,
    Lucas

    ·

    • Shanny Author Editor

      I am experiencing the same. The demo fade transitions were working nicely but I changed/uploaded 12 images and in chrome there is a “hiccup” and barely a fade effect at all. With firefox there is no fade effect whatsoever. Also, the page takes a long time to load even though I have resized all of the images to 1300×860.

      ·

      • Shanny Author Editor

        Well I downloaded the wrong version!! Also, I unzipped on my cpu and then uploaded, rather than extract the files on the server and I was having so much trouble trying to figure out which files go where! But once I tried extracting on the server the directories were set up properly and it works like a charm :) Thanks for an awesome script!!!

        ·

  27. dsingh Author Editor

    i have developed this website in wordpress and used supersized gallery for displaying images but after development clients said that he don’t want full background gallery but in center only so i have changed this function in re size so image will be displayed smaller than browser in center.

    http://www.momenarchitects.com/gallery?gallery=4

    but in internet explorer image often displayed very small and aligned to left at first time load.
    i am trying to resolve this but not getting a clue how to fix.

    any help would be appreciated……

    i have changed this in re size function.
    var browserwidth1 = $(window).width();
    var browserheight1 = $(window).height();
    var browserwidth = browserwidth1-(browserwidth1/3);
    var browserheight = browserheight1 -(browserheight1/4);

    and in css

    #supersized img {
    margin-left: 260px;
    margin-top: 50px;
    }

    thanks for this valuable plugin…..

    ·

    • tiegos Author Editor

      i had the same problem, and didn’t find a solution yet

      what did work was to set the ratio to a fixed number, and make the pictures you upload al to have the same size

      ·

  28. craig Author Editor

    any one know how to get rid of the scroll bars which appear when you hover over the actual body content??? very annoying

    ·

  29. Wang Author Editor

    I need to change the slider images dynamically?
    Do you know how to do?
    Please let me know.

    Thanks

    ·

  30. Miha Author Editor

    Hi!
    Thanks also from me..
    I have question about preloading – is it possible that Supersized load fist slide and shows it and after that preload others slides? So that it’s not preload all slides at begining.
    Thanks for answer.
    Miha

    ·

  31. H Author Editor

    Hello,

    Also wondering if it is possible to have multiple slides (example:7 slides) in the slide show version and stop the slideshow automatically after the 2nd slide thru code, not the navigation bar.

    Thanks in advance!!

    ·

  32. John B Author Editor

    What is the recommended size for a thumbnail image?

    ·

  33. cirmiz Author Editor

    @Holger

    I also had a little trouble on working this out but i finally got it:

    1. Make sure you get a the latest version that is 3.2.5 (api.goTo() works only from 3.2+)
    2. Is better to edit the demo.hml file because is already configured. Leave external .js files for now (you can tweak later) just add in the jQuery(function($){
    ….

    $(“#about”).click(function(){
    api.goTo(1);
    });

    $(“#about”).click(function(){
    api.goTo(1);
    });

    3. Add in your a html a div like or

    ·

  34. cirmiz Author Editor

    @Holger

    I also had a little trouble on working this out but i finally got it:

    1. Make sure you get a the latest version that is 3.2.5 (api.goTo() works only from 3.2+)

    2. Is better to edit the demo.hml file because is already configured. Leave external .js files for now (you can move functions from here to theme later if you like) just add in the
    jQuery(function($){
    $.supersized({
    //all the variables initialization
    });
    $(“#example_id”).click(function(){
    api.goTo(1);
    });

    $(“.example_class”).click(function(){
    api.goTo(2);
    });
    });

    3. Add in your a html a div like or and test it

    Hope it helps ;)

    ·

  35. Nuno Author Editor

    Hi
    Is threre a way to change the slideshow images when user clicks on a page link?

    ·

    • Bill roberts Author Editor

      Looking for that as well :(

      ·

      • Hender Author Editor

        Hi guys ! Have you found a solution ? I’ve been searching for hours….

        ·

  36. Jose Author Editor

    Hi, I’ve made a custom adaptation to fit the images to the size of #supersized element.

    In function resizenow(), when gather the browser size I just changed that:
    //Gather browser size
    var browserwidth = element.width(); // $(window).width();
    var browserheight = element.height(); // $(window).height();

    So with CSS I can set the size of the #supersized div and the images fits only the div.

    ·

    • Jose Author Editor

      I think that’s can be an option.

      ·

    • Jiro Author Editor

      Jose, this technique is really what I have been looking for. But my Java skill is not enough to catch the whole process from your hint… Could you explain a bit deep in detail? Thanks in advance.

      ·

  37. Jeff Author Editor

    Hi, can anyone post an example for theme.beforeAnimation( )?
    I can’t figure out how to bind it…
    Thanks!!!
    J.

    ·

  38. Grab Author Editor

    Hi,
    I’ve got a problem, if i put 2 images on slides option the second image is always smaller and repeated in the bottom part.
    This not happen if with 1, 3 or 4 images. Is this a bug?

    I’m also very interesting in way to dinamically change the slides option without refreshing the page, thi sfeatures will be very appreciated.

    ·

    • Zack Author Editor

      We’re also seeing this, or a similar issue. On larger monitors, if you expand the browser to fill the screen, you can see the top of the main image repeating below. Just started looking for a solution though and if I find it I’ll be sure to post back here.

      Great plugin, BTW!

      ·

  39. C.L. Simco Author Editor

    Hi and thanks for a great presentation tool. I was looking for the forums and wound up here.

    I’m just getting into Supersized and have it working on a local machine while developing a site. Testing on several browsers, I naturally see newer versions doing well with Supersized, But I cannot get Opera to display anything much.

    Does Opera support?

    Are there some tweaks?

    I cannot get Opera to display all of the content here on this site either.

    I have tested in:

    Safari, Firefox, Camino and Opera on Mac OS X 10.4 (Opera does not work only gets to loading stage)

    and

    Firefox, IE, Chrome, Safari, and Opera on Win 7 (Opera does not work only gets to loading stage)

    and

    Firefox, Chrome and Opera on Ubuntu Linux (all work)

    so far. I could post an active link to the files on the www if you wish.

    Thanks again….

    ·

    • C.L. Simco Author Editor

      OOPS!!!

      I made a mistake in my post.

      Opera on Ubuntu is not loading Supersized.

      Still wondering if this is Opera or something that I have or have not done to enable in Opera.

      Thanks again

      ·

    • clsimco Author Editor

      Finally got this great script working across all major browsers (and a couple others) and on 3 platforms.

      My problem with Opera was related to coding in my page and a couple of mods I made on the controls interface.

      Result is now an example of a tweak that others might find useful.

      I’m still working on this site and it is not live yet but the control interface mod can be seen can be seen here:
      http://www.satori.99k.org/Good_Satori_Site/index.html

      I do still have a problem that I would appreciate ANY HELP from ANYONE:

      I am trying to get a lightbox type effect on a page inside of this site and the images only open in a separate window not as they are supposed to, in an overlay.
      Example Page: http://satori.99k.org/Good_Satori_Site/about/about.html#area
      (click the gallery or image link)
      I have tried a whole lot of scripts all with the same result.

      Right now there are two scripts on the page that will not open correctly. I think that this is some kind of conflict between super-size and the “light window”.
      I do not have a Supersize slideshow on this page just a random supersize background image and then I am trying to have specific separate images open in lightwindow style. I have a working page translation script that will open a lightwindow overlay when the “More” link is clicked so I know that what I want is possible.

      Help Please?????
      Thanks…………….

      ·

  40. blazej Author Editor

    Can you say how to move Thumbnail tray to the bottom of the page after I click tray arrow?

    ·

  41. ben dieckman Author Editor

    Hi, I have installed an older version of SuperSized like any Joomla extension from GraphicAholic. The newer version here looks a lot better, but I have troubles installing it via the normal way. I get the message that XML file is missing..
    Any suggestion what I do wrong? I am kind of newbee to Joomla.
    Thanks for the help!

    ·

    • Sam Dunn Author Editor

      Supersized is a jQuery plugin, not a Joomla plugin. I would guess that the previous version you are using is a third party port.

      ·

  42. Alejandro Author Editor

    Just to mention that I think I found a bug on the last release.

    I am re-designing my site and was (still am) thinking in using supersize there. Anyway:

    If you use the option “random” and let supersize create thumnails on the fly, then the thumbnails do not correspond to the random image. The link is correct to the random order but the image itself is different.

    Other than that: awesome script. I think it will be live on my site soon.

    Thanks!

    ·

    • CDI Author Editor

      I´m having the same problem…

      ·

    • Edmundo Junior Author Editor

      Same problem here, can’t figure it out how to do it :/

      ·

  43. Eduardo Author Editor

    Hello
    I’m trying to include images dynamically with php and mysql, it works perfectly in firefox, safari and chorme, but in explorer does not see the images. Does anyone know if is necesary something special to set explorer?
    thank you very much
    This is the address where I working.
    http://www.sansebastianfestival.com/2011/asifue_es/galeria.php?gal=347

    ·

  44. Robin Author Editor

    Hi. I want to know if it is possible to control the slideshow? I explain… I look for a slideshow like what you did, but I don’t want that il runs itself. Example, I want to enter in the web site and I want to have to clic to go to the other picture after it fades (sorry for my english….) Thanks.

    ·

  45. wysiwyg_woman Author Editor

    Anyone had success having a linked photo in the slideshow popup a div or replace the page with a fullscreen HTML5 video from a click?

    That’s what I am working on now and even created an extra field to store it. I successfully got the slideshow to be dynamically generated via PHP.

    Any ideas on clicking and popping up a HTML5 video?

    Thanks in advance

    ·

  46. Lutz Author Editor

    Hi,

    for those still trying to get the supersized plugin working within an inline container.
    After some trying i got it working.

    I’m developing a website for a photographer and this is still development status and not hard tested. But for now it works. Its bases on v. 3.2.5

    http://supersized.centralconcept.net

    In the end it was not that hard.

    Here is what i changed:

    in supersized.js (or min.js) i changed the appending of the #supersized ul not to “body” but to the container the slideshow is supposed to be in (in my case its “#image-container”).

    in the supersized.css:
    – changed the position value of #supersized from “fixed” to static, so that it is fitted to the containing box.

    – changed the position value of “#supersized li” to absolute (don’t know why this has to be made but otherwise it does not work correctly).

    for having the thumb-tray to always be visible i changed the theme.js (supersized.shutter.css) to disable the hiding of the tray on launch (somewhere theres an animation of the button-value – set all the math stuff there to 0)
    another thing to have the tray always shown was to change the display value of #thumb-tray to block in supersized.shutter.css.

    After that i changed some background colors and images to have it look nice in the white enviroment.

    The Containing-Div is centred and resized by the autocenter-plugin for jquery by molokoloco

    Next thing i wanna try is to get the thumb-tray scrolling to not depend on mouse-movement but on it’s position reltaive to the tray center. (someone got this allready??)

    Well, thats basically it.
    Hope it helps someone.

    Best,
    Lutz

    ·

    • Lutz Author Editor

      Excuse me Sam.
      A great THANK YOU for this great Plugin! Great piece of Work!

      ·

    • Sabrone Author Editor

      Lutz –

      Thanks a ton for your post! I was going nuts trying to accomplish something very similar and your direction got me 90% of the way there.

      Here’s the last 10% (for supersized.3.1.3.js):

      I have a site with an inline container that resizes proportionate to the browser window. In order to get the images to resize to the container (and not the browser) I had to make one additional edit to suspersized.3.1.3.js. I found this snippet of code under “//Adjust image size”…

      //Gather browser size
      var browserwidth = $(“window”).width();
      var browserheight = $(“window”).height();
      var offset;

      …and changed it to this…

      //Gather browser size
      var browserwidth = $(“#contentframe”).width();
      var browserheight = $(“#contentframe”).height();
      var offset;

      Note, #contentframe is the name of my inline container.

      Thanks again for your post!

      ·

      • Donny Author Editor

        Sabrone, do you have a working sample online?

        ·

    • Catherine Author Editor

      Lutz,
      Perfect! I was trying to do exactly this. Have full-size backgrounds on the home page, but wanted to carry through just in the headers on the internal pages.

      Works PERFECTLY! Thanks so much for posting.

      ·

    • RS Author Editor

      Can you explain better how to make the tray visible? I would like to scrap the updown arrow all together, thanks!

      Robert

      ·

    • Scott Author Editor

      Thank you Lutz! That was exactly what I needed!

      And thanks Sam – this plugin is awesome :)

      ·

    • Kat Halushka Author Editor

      I did everything you mentioned and it works but.. there’s that empty space on the bottom of the page that occupied by ul#supersized. I can’t figure out how to get rid of it. Any ideas?

      Thank you!

      ·

    • amany Author Editor

      Hi it’s EXCTELY what i search! a REAL center image.
      How call the function ?
      #imagecontainer is supersized li?
      Or did i need to create a div +css+…. i don’t understand the “1” step

      1- step
      in supersized.js (or min.js)
      #supersized ul not to “body” but to the container the slideshow is supposed to be in (in my case its “#image-container”)
      .
      2- step (OK i see that)
      in the supersized.css:
      – changed the position value of #supersized from “fixed” to static, so that it is fitted to the containing box.

      – changed the position value of “#supersized li” to absolute (don’t know why this has to be made but otherwise it does not work correctly).

      thank you

      ·

  47. Juck Author Editor

    Hey,
    is it possible to apply a fade in effect to the first slide?

    ·

  48. Ben Author Editor

    In IE9 when the page initally loads the image (from Flickr) does not fill the page. Once the slideshow transitions to the next image (from Flickr) it resizes and fills the page. In FF supersized works perfectly. But in IE9 it has the behavior listed above. Any ideas about how to fix?

    ·

  49. Arjit Author Editor

    hey… I am using this plugin in my website and i have adjusted the height of the slider to 80% but when i am adding the text below the slider the slider remains static and text overlaps it when page is scrolled. any suggestions.

    ·

  50. Rob1P Author Editor

    Hi,

    Supersized I use and I have just a small question:

    How to don’t see the DIV of the page while loading the images?
    http://rob-1.fr/mc/pt/contact.html

    Thank you

    ·

  51. Emre Author Editor

    Hello, thank you for gallery script but gallery 9 not converging after photos.
    No. 9 photo stops. 10. The photo is not mentioned..
    I have a weird javascript error.

    ·

    • Simon Author Editor

      Yeah, I have the same issue – I can only load up 9 images, and I need to put in around 20 but I get a syntax error in the code once I try to add them.

      ·

    • Tina Author Editor

      same here….desperately hoping someone knows why!

      ·

      • Emre Author Editor

        Weird javascript error. One solution is required..

        ·

      • gto Author Editor

        I do not have this problem. I’m guessing that you guys have malformed the array in the html file. The last piece of the array must not have a comma after it.

        ·

  52. pako69 Author Editor

    Hi (and sorry for my bad english)
    I just use the core, so no slide, because i just want on all my pages the same background to be full-sized.
    It works like a charm with firefox, but with Safari, chrome, when i switch to another the page, the background flick, and seems to be reloaded.
    With firefox the background image stay fixed

    thanks

    ·

  53. Flo Author Editor

    Hello,
    sorry for my bad english

    is that possible to hide the menus and arrow when the mouse is not on the show and when did he réapparaise is on the picture with the mouse.

    Best regards

    ·

  54. Simon Author Editor

    Is there a way of adding more than 9 slides?

    ·

  55. Denoizzed Author Editor

    Is it possible to get the title of previous / next slide?

    Thanks!

    ·

  56. Simon Author Editor

    Hi,

    When I integrated Supersized with our system to make a product gallery, landscape photos were distorted. It seems that Supersized tried to fit portrait only even I set both fit_portrait and fit_landscape to 1.

    This problem was only found in IE, but was not found in Firefox, Chrome. Is there any workaround or fix for this?

    Thanks!

    ·

  57. Christian Author Editor

    Hi,

    i love supersized, its a great plugin.
    I’d like to switch my gallery to supersize too.

    Is there a way to load the images in a different way,
    for example putting all images in a div with image tags? That would save me time.

    Thanks, Chris

    ·

  58. Tina Author Editor

    I can’t get past 9 slides. Has this been resolved?

    ·

  59. Tina Author Editor

    Anyone having issue not getting past slide 9 just make sure you use the lastest download from this site and use these style sheets and .js files and it works fine. I somehow deviated from that by trying to use my own jquery.min.js file and it did not like that at all…use the one from google api and the jquery.easing.min.js file in the download.

    ·

  60. depi Author Editor

    How to have a thumbnails bar (a thumbnail for every image) as in the photo with the “see demo” link?

    Your job is always very nice, thank you.

    ·

  61. depi Author Editor

    Repeat: how to show the tray-bar when page loads?
    I don’t want to click in the bottom-right up-arrow to view it!!

    Thank you

    ·

    • Jorge Rebollo Author Editor

      In “supersized.shutter.js” file change:
      // Hide tray off screen
      $(vars.thumb_tray).stop().animate({bottom : 0, avoidTransforms : true}, 300 );

      // Thumbnail Tray Toggle
      $(vars.tray_button).toggle(function(){
      $(vars.thumb_tray).stop().animate({bottom : -$(vars.thumb_tray).height(), avoidTransforms : true}, 300 );
      if ($(vars.tray_arrow).attr(‘src’)) $(vars.tray_arrow).attr(“src”, vars.image_path + “button-tray-up.png”);
      return false;
      }, function() {
      $(vars.thumb_tray).stop().animate({bottom : 0, avoidTransforms : true}, 300 );
      if ($(vars.tray_arrow).attr(‘src’)) $(vars.tray_arrow).attr(“src”, vars.image_path + “button-tray-down.png”);
      return false;
      });

      And into “.html” file change:
      //Thumb Tray button//
      comment the code
      a id=”tray-button” img id=”tray-arrow” src=”img/button-tray-down.png” /a

      ·

      • frafu Author Editor

        Hi,

        Thanks for the instructions, but it does not seem to work:
        http://www.artistekescht.lu/site/gallerie_rvkinnigin_photos.php

        ·

      • frafu Author Editor

        I know what I did wrong:

        1) The following line has to be added to the “// Hide tray off screen” part below the already existing command; it must not replace the already available command.

        2) You will not see the change that you made in the supersized.shutter.js file, if your web page that shows the supersized slideshow imports the supersized.shutter.min.js file; either import the supersized.shutter.js file or create a new supersized.shutter.min.js from the modified supersized.shutter.js file.

        3) I think that it is not necessary to change the “// Thumbnail Tray Toggle” part.

        Finally, be aware when using my comments that I don’t know jquery nor javascript.

        ·

      • frafu Author Editor

        My comment 3) here above was wrong: the change in the “// Thumbnail Tray Toggle” part is necessary for the first click to not be ignored to close the thumbnail tray.

        ·

      • Luca Author Editor

        not work the thumtray. have a solution for hide and show

        ·

  62. Tobias Author Editor

    Is there any way to change the cursor for when hovering the background?

    ·

    • Tobias Author Editor

      Ok solved it. Although no one seems to care I’ll put the solution here.

      a {
      cursor: default;
      }

      /* Then append cursor pointer to your wrapper */

      #body-container a:hover {
      cursor: pointer;
      }

      ·

  63. Alexandre Ferreira Author Editor

    Hello Sam I am using Supersized in one of my projects and would like to know if it is possible to place a jquery slideshow Aviaslider effect of it, thanks

    ·

  64. aldo Author Editor

    Hello, thank you for this very usefull plugin !

    I would like to limit to 5 (/15) the number of visible thumbs on a page.

    How can i do this ?

    Thank you very much !

    ·

  65. Emprego Author Editor

    I love this plugin. Thanks.

    ·

  66. Roman Author Editor

    First I have to say a big thank you for that Plugin.

    Then my question:
    I run a WordPress Site with supersized background Slides.
    Every Site should load other Background-Slide Images, so I decided to Load those slide Images with WordPress Custom Fields.

    Is there a way to echo my CustomField in the JavaScript slide Array, like

    foreach Background-Image –
    echo {image : ‘http://rawcut.ch/wp/wp-content/uploads/hintergrund1.jpg’, title : ‘Image Credit: Maria Kazvan’},

    Or another Idea
    Is there a way to echo miy Slide images in the div supersized not in the JavaScript?

    like

    Thank you very much
    Roman

    ·

    • Roman Author Editor

      sorry, here my other question

      is there a way to echo the slide-images in the supersized div like:

      div id=supersized
      img src=slide-image1
      img src=slide-image2
      img src=slide-image3
      /div

      ·

  67. ads-friday Author Editor

    Hey Great scripts thx.

    ·

  68. Emre Author Editor

    I can’t get past 9 slides. Has this been resolved?

    ·

    • Sam Dunn Author Editor

      This sounds like an error with implementation and formatting, please check the FAQ.

      ·

  69. Peter Author Editor

    I would like to know the same like above.

    Can I implement the slides in a HTML-List?

    ·

  70. Birgit Author Editor

    Hey there,
    first of all – thanks for the great tool!

    I am looking for a way to get image captions editable from a separate file. Is there a tweak to get that going?

    thanks in advance!

    bb

    ·

    • simone Author Editor

      Hi Birgit! Did you resolve this problem?
      thank you

      ·

  71. Xermán Author Editor

    Hello! Im using your wonderfull jquery plugin but I find that randomly the pictures don’t load well, they top part is placed on the center of the screen. Sometimes it also happends horizontallly.

    Im using Chrome, do you have any idea why this is happening?

    Thank you and take care

    Xermán

    ·

    • Xermán Author Editor

      I have made a gif with that explains the problem better than me:

      http://i41.tinypic.com/2qdv6fa.gif

      The fist picture shows the image loading right and the second the problem that sometimes happends.

      Thank you very much for your time.

      Xermán

      ·

      • Sam Dunn Author Editor

        I would make sure you are using the newest version – 3.2.6

        ·

  72. Robin Author Editor

    Hi again,

    I use Supersized and I have just a small question:

    How to don’t see the DIV of the page while loading the images?
    http://rob-1.fr/mc/pt/

    Thank you

    ·

    • Robin Author Editor

      And me, Rob1P, I want to know why you use my pseudo to post again?…

      ·

  73. jmos5156 Author Editor

    Is it possible to read the list of images from a dedicated folder rather than specifing it within the code of the page?

    ·

    • Sam Dunn Author Editor

      This would require some PHP to read the folder and then populate the slides array in the options.

      ·

  74. Christian Author Editor

    Two Requests:

    – hide menu when mouse is outside
    – next slide by clicking on the current slide.

    Any ideas?

    ·

    • Sarah Author Editor

      What I did was just set the “nextslide” element to be the whole width/height of the page.

      ·

  75. Robin Author Editor

    Good evening,
    Could you answer my question please, it helps a lot. Thank you!

    I am looking for that DIV are not displayed while loading the images?
    The menu at the bottom of the page will appear along with the images but not others DIV.

    thank you very much

    ·

    • Sam Dunn Author Editor

      The link you provided is not working, but I would make sure the z-index for all divs you want displayed are greater than those of Supersized.

      ·

      • Robin Author Editor

        Ok thank you,

        I’ve tried a lot of configuration with the DIV, but I didn’t find the good one =(

        ty !

        ·

      • Sam Dunn Author Editor

        Robin,

        After looking at your site, I’m confused regarding which DIV is not appearing – there doesn’t appear to be anything wrong. If you are using IE, this might be the problem – sometimes the loading gif doesn’t display on this browser.

        A few other points:
        *You are using an outdated version of Supersized, the latest is 3.2.6
        *Update your jQuery version, version 1.5.0 has issues with IE

        Hope that helps.

        ·

  76. javalib Author Editor

    Hello,
    I am looking for a technic to put a ‘font-face’ or ‘cufon’ to the ‘slidecaption’ of my supersized page.
    Anyone know how i can do this ?
    Thanks

    ·

  77. Mike Author Editor

    I am working on a site right now that is using your wonderful plugin and I am trying to get dynamic tooltips to reposition on the same exact spot on the image. I made some calculation based on the ratio of the supersize UL but that isnt working quite right because the image is getting centered so its position is changing.. Not sure if you would have any pointers on how I could calculate the proper position.
    The site is here: http://www.asantiwheels.com/2011

    Some sample code of what I am doing is….

    (function($){

    var slide_on = ”;
    var slide_off;
    var d_ratio = 2.0295;
    var multiplier = .05;
    var w_width;
    var w_height;
    var c_ratio;
    var ratio_dif;
    var wheel_f_x;
    var wheel_f_y;
    var wheel_b_x;
    var wheel_b_y;

    $(“.new_tooltip”).live(‘mouseover’, function(){
    $(this).tooltip({ effect: ‘slide’, offset: [110, 0]});
    });

    $(window).resize(function(){
    w_width = $(‘#supersized’).width();
    w_height = $(‘#supersized’).height();
    c_ratio = w_width / w_height;
    ratio_dif = ((c_ratio – d_ratio) * 10) * multiplier;

    move_tips();

    });

    theme = {

    /* Initial Placement
    —————————-*/
    _init : function(){
    slide_on = vars.current_slide;
    slide_off = vars.current_slide;

    w_width = $(‘#supersized’).width();
    w_height = $(‘#supersized’).height();
    c_ratio = w_width / w_height;
    ratio_dif = ((c_ratio – d_ratio) * 10) * multiplier;

    $.get(‘lib/service/hero_tooltip.php?type=single&id=’+slide_on, function(data){

    $(‘.slide-‘+slide_on).append(data);

    wheel_f_y = $(‘.slide-‘+slide_on+’ a.fy_wheel’).attr(‘pos_y’);
    wheel_f_x = $(‘.slide-‘+slide_on+’ a.fy_wheel’).attr(‘pos_x’);

    move_tips();

    $(“.new_tooltip”).tooltip({ effect: ‘slide’, offset: [110, 0]});

    }, “html”);
    },

    /* After Slide Transition
    —————————-*/
    afterAnimation : function(){
    slide_on = vars.current_slide;
    slide_off = vars.current_slide;
    var found = $(‘.slide-‘+slide_on).find(‘a.new_tooltip’);
    if (found.length == 0){
    $.get(‘lib/service/hero_tooltip.php?type=single&id=’+slide_on, function(data){

    $(‘.slide-‘+slide_on).append(data);

    wheel_f_y = $(‘.slide-‘+slide_on+’ a.fy_wheel’).attr(‘pos_y’);
    wheel_f_x = $(‘.slide-‘+slide_on+’ a.fy_wheel’).attr(‘pos_x’);

    move_tips();

    $(“.new_tooltip”).tooltip({ effect: ‘slide’, offset: [125, 0]});

    }, “html”);
    }
    }

    };

    function move_tips(){
    var f_y_wheel = new_pos(wheel_f_y, ‘FRONT Y’);
    $(‘.slide-‘+slide_on+’ a.fy_wheel’).css(‘top’, f_y_wheel);

    var f_x_wheel = new_pos(wheel_f_x, ‘FRONT X’);
    $(‘.slide-‘+slide_on+’ a.fy_wheel’).css(‘left’, f_x_wheel);

    function new_pos($selector, $obj_name){
    var new_pos_int = parseInt($selector) + ratio_dif;
    return new_pos_int + ‘%’;
    }
    }

    ·

  78. Robin Author Editor

    Hello,
    Thank you for the time spent trying to solve my problem.
    But it does not make sense I think = (
    GIF works great. I just want my text boxes, menus and other appear after loading the background slide images. It’s not very pretty to see the GIF loading above the text of the site.

    The menu bar at the bottom of the site is visible only when all the background images are loaded, that’s perfect!

    PS: for the update, what files must be changed and which links? Without any break ^ ^ ‘

    thank you very much

    ·

  79. Juan Author Editor

    Hi! first of all, I would like to thank you guys for this amazing script.

    I have a doubt; if you look closer to the script version 3.2, there’s a little “pixel effect” between each image slide. When the script shows a new image, the pixel adjust to the screen and makes a visual effect, not so in the script 2.0.

    You can see the differences here:
    http://34.194.222.226/project/supersized/slideshow/3.2/demo.html
    http://dev.luigivibal.com/supersized2/index.php

    I would to know if you guys can fix that litlte problem, in this script, version 3.2

    Thank you!

    Juan

    ·

  80. Juan Author Editor

    Hi! first of all, I would like to thank you guys for this amazing script!

    I have a doubt; if you look closer to the script version 3.2, there’s a little “pixel effect” between each image slide. When the script shows a new image, the pixel adjust to the screen and makes a visual effect, not so in the script 2.0.

    You can see the differences here:
    http://34.194.222.226/project/supersized/slideshow/3.2/demo.html
    http://dev.luigivibal.com/supersized2/index.php

    I would to know if you guys can fix that litlte problem, in this script, version 3.2

    Thank you so much!

    Juan

    ·

  81. Ahmed Author Editor

    isit possible to apply the shutter theme to supersized flickr.
    i just want to output a scollable list of thumbnails that can be clicked to view a larger image in the background? thank you

    ·

  82. unluckyXIII Author Editor

    This is a great and useful script! I’m wondering if we could incorporate touch/swipe on tablet, to go to the next photo?

    ·

  83. Mickey Author Editor

    Hi,

    Is there any way to make the thumb tray close (toggle) when the user clicks on a thumbnail?

    Thanks

    ·

    • gto Author Editor

      Yeah, that is easy. Just use a JQuery .trigger. For example

      if(trayState==1){
      $(vars.tray_button).trigger(“click”);
      trayState=0;
      }

      Where trayState keeps track of the tray positioning. It works well if you want to show and hide buttons depending on the state of the tray.

      ·

      • Mickey Author Editor

        thanks for the help, easy for you! My jquery knowledge is very limited so I’m not exactly sure how to go about implementing your suggestion. but I can see how it would work in theory.

        ·

    • gto Author Editor

      Here is an example. Hope it helps.
      http://jsfiddle.net/sam0/7Khg8/

      ·

  84. Daniel Baum Author Editor

    Hey,

    I tried to change the navigation of the Superzized Slideshow to the “demo1”-Version of this tutorial:

    http://www.drweb.de/magazin/wp-content/uploads/jsilr_jquery_imagenextprev4.html

    I don´t get it. : / Do you have an idea? What do I have to replace?

    Thanks a lot!

    ·

  85. gto Author Editor

    I’m trying to add multiple slides inside each main slide. http://imakeinterfaces.dyndns.tv/slideshow_sk.jpg

    To do this I want to create an array inside of the slides object in the html page. I’m using the api version of supersized.

    The array object for each would look something like this:

    { imageArray: [“aimg01.jpg”, “aimg02.jpg”, “aimg03.jpg”, “aimg04.gif”],
    image: ‘pictures/img01.jpg’,
    thumb:’thumbs/img01.jpg’ ,
    title : ‘Image 1 Title’,
    url : ‘http://www.buildinternet.com’ },

    Next I need to grab the length of imageArray. I do this from the shutter theme file. The problem is that api.options.slides.imageArray.length is unable to get the length of this inner array.

    I am not sure why this is happening, because api.options.slides.length is accessible. This syntax works correctly in a simple example like this one http://jsfiddle.net/sam0/AEbpS/ Any ideas on what needs to be changed to get access to the nested array?

    Thanks! This is a great tool.

    ·

    • gto Author Editor

      Okay, if anyone was wondering – the easiest way to do this does not really require nesting an array. I am able to check for the existence inside the array by using api.getField.length. I create my additional images in the array at the same level as image:, thumb:, title:, etc. In this case, let us say that my sub-images are called pict1, pict2, and pict3 for each block of the array.

      I want the sub images to be dynamic however, so lets say I only wanted two sub images. So, inside the array we will set pict1: “image1.jpg”, pict2 “image2.jpg”, pict3:””

      I leave the quotations empty in pict3 because we do not want to use it. I can now use an if statement to determine that we don’t wish to use this field using the .length method.

      if(api.getField(‘pict3’).length);{

      $(“#subimg”).append(“image button 3”)
      }

      In this case the condition will not be met, so we will have only two sub images.
      If someone knows a better way, please post it!

      ·

  86. ism Author Editor

    in safari supersize 3.2.5 ist no reliably expanding the fotos to all borders. sometimes i see a black border, even i set it up correctly in the preferences-variables..
    any hints?

    ·

  87. Antonio Author Editor

    Hi,

    Is it possible to circoscribe the slider area to a fixed width and height?

    If yes, how? can you then set the slider to appear in a defined area of the page?

    Thanks

    ·

  88. Monty Author Editor

    Is it possible to use a ul of images rather than place them into and array. This is so that the client can use their cms to update the gallery?

    ·

    • ashorlivs Author Editor

      Is there any chance that you’ve find a workaround for this?

      I have tried:
      <!-- fullscreen background images -->

      Then:

      var str = ''; $('#supersized_images li').each(function(index) { str += "{ image : '" + $(this).find('img').attr('src') + "' }"; if ((index+1) < $('#supersized_images li').length) { str += ",\n"; } }); slides = eval("[(" + str + ')]');

      Then replaced the list given in my working copy by the slides variable :

      slides :  [ { image : '/temp/visuel_hp_1.jpg' }, { image : '/temp/visuel_hp_2.jpg' }, { image : '/temp/visuel_hp_3.jpg' }, { image : '/temp/visuel_hp_4.jpg' }, { image : '/temp/visuel_hp_5.jpg' }, { image : '/temp/visuel_hp_0.jpg' } ]

      slides :  slides

      The first image show correctly, but then no other image is available.

      ·

      • ashorlivs Author Editor

        The blog stripped my HTML, it was of course:
        «!-- fullscreen background images --»«ul id="supersized_images" style="display:none;"» «li»«img src="/temp/visuel_hp_1.jpg" alt="" /»«/li» «li»«img src="/temp/visuel_hp_2.jpg" alt="" /»«/li» «li»«img src="/temp/visuel_hp_3.jpg" alt="" /»«/li» «li»«img src="/temp/visuel_hp_4.jpg" alt="" /»«/li» «li»«img src="/temp/visuel_hp_5.jpg" alt="" /»«/li» «li»«img src="/temp/visuel_hp_0.jpg" alt="" /»«/li»«/ul»

        ·

      • Chris Author Editor

        Hey ashorlivs,

        I tried to implement your work but i just didn’t get it. Could you please tell me where to implement your script part?

        Thanks a lot

        Chris

        ·

  89. superk Author Editor

    Hello all,

    I was wondering how to change some supersized values dynamically. So for example when someone clicks on a div, the slideshow transition duration changes and the slideshow stops.
    The slideshow toggle api isn’t ideal because i would like to set it to a false var, not toggle.

    So the api calls work but I can’t change any vars it would seem. Thanks for the help guys.
    Here is my code:

    jQuery(function($){

    $.supersized({

    ……………

    $(what).click(function(){

    vars.transition_speed = 50;
    api.playToggle();
    api.goTo(5);
    });

    ·

  90. marlene Author Editor

    Hello,
    has anyone solved this little bug yet?

    When I open the page with the gallery (for example the demo http://34.194.222.226/project/supersized/slideshow/3.2/slide.html)
    and I immediately jump e.g. to picture 8 via thumbnail, and then want to go back with the previous-arrow, there is just a black picture, and not the previous picture that should be there. (Tested on MAC Firefox 6, Safari 5.1)

    Has anyone an idea how to solve that?

    This happens everytime I open the page. When all the pictures where shown one time, everything is ok.

    Thanks

    ·

    • Sam Dunn Author Editor

      This bug should have been fixed with the release of 3.2.6 – hope that helps.

      ·

  91. michael Author Editor

    Is there a quick fix to making the “thumb-tray” align to the left and scroll vertically
    at the moment its too the bottom and scrolls horizontal?

    ·

  92. C.L. Simco Author Editor

    Thanks in advance…..

    I’m really stumped and could use a little help and insight from someone who understands jQuery and Javascript. I’ve posted here before and ultimately figured out the issues myself, without a reply from anyone, except for the latest. I know that I am in over my head on the scripting.

    Here is the problem:

    I’m building this site for my wife at:

    http://www.satori.99k.org/Good_Satori_Site/

    and I’ve implemented Supersized sideshow for the landing page and am using Supersized as a random background changer on all of the rest of the pages.

    I want to have a google translate box on all of the pages. I got that to work on Mac, Win, and Linux all browsers I could get hold of EXCEPT for Opera. Only Opera does not like one line of google javascript code on the main landing slideshow, it kills the image (works OK on the random background change on other pages). I’ve isolated the code snippet to this ad the culprit: (parenthesis are mine in script to make it show here)

    Also I have been trying to implement a lightbox type image viewer or overlay and I’v now deduces that the reason that I cannot it to work is the same as with the above Opera issue, conflict with jQuery and javascript.

    There must be some call or hook to make added scripting play nice with the jQuery slideshow but I am too much of a novice to find it though I have been trying diligently.

    Help anyone please?

    ·

    • C.L. Simco Author Editor

      The server didn’t like the code snippet so am trying to include it here minus teh brackets.

      script src=”//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit”type=”text/javascript” /script

      Thanks

      ·

  93. Brent Author Editor

    Hey Sam,

    I am trying to get this to work on a WordPress installation for IE7/8 (what the client is on). Everything works fine in Chrome, Safari and Firefox on PC/Mac, but IE does not show anything. What would you need to know from me to help me troubleshoot this? Here’s the link to the home page where we are trying to have the background image fade: http://jwda.com/wp-clients/first-financial/

    ·

    • Brent Author Editor

      I found the issue I was having…within my template head area I have a PNG Fix for rendering PNG’s properly in all browsers (it’s basically for IE). Well, after lots of troubleshooting, and trial and errors, if I take these two lines of code out of my head area, the script works great in IE7/8.

      So, if you run into the issue of this working in everything BUT IE, take out all the extra stuff in the head area, but Supersized, and see if it works…if it does, put all the info back in, and start taking parts out and trying it till you find out what is not jiving with Supersized.

      ·

  94. Chris Buckley Author Editor

    Hi,

    I’ve just got it working and its brilliant, I must say. However I’d like the background to scroll with the rest of the page instead of staying fixed.

    Looking at the CSS, I’ve tried changing the position values from fixed to relative, but they don’t seem to have any effect.

    I’m thinking this must be a very easy thing to change. What am I missing?

    Cheers, Chris.

    ·

    • Sam Dunn Author Editor

      Thanks! All references to fixed must be changed to absolute – hope that helps!

      ·

      • Chris Buckley Author Editor

        Hi Sam,

        Thanks for replying. Ok that works, however I’ve now got a new problem. See the site here http://bendcrete.webvitality.info/.

        If you scroll to the bottom, you’ll notice the background image gets cut off horizontally where it aligns with the initial bottom of the window.

        Is there a way I can get the background image to show its true height? I’ve set min_height to 1600px, but this only stops the visible image from shrinking further.

        Cheers,

        Chris.

        ·

  95. photosbyseun Author Editor

    Looks great, but need to change the navigation buttons any hints?

    ·

  96. Tina Author Editor

    Hi there,

    I just checked out the 3.2.1 and it doesn’t seem to resize/scale images that have square dimensions? 3.1.3 works fine.

    ·

  97. Luka Author Editor

    I got one question. in Internet explorer 8 when I run supersized as background all other my javascripts works slow or not work, on mozilla, chrome, IE 6,7 and 9 works fine. I test on 3 different pc. Any clue?

    ·

    • Sam Dunn Author Editor

      If you’ve already checked out the FAQ on the project page, I would use the Developer tools built into IE to see what errors are popping up.

      ·

  98. C.L. Simco Author Editor

    Hello Sam

    Simple Question: Is there a way to make other Javascript or jQuery work with your great slide show code?

    You can see the problems I am having by my previous posts on December 4th and 6th.

    Thank you for your consideration and time.

    Best to you….

    ·

    • Sam Dunn Author Editor

      You can use Supersized with other scripts. If there is conflict, I would first try jQuery noConflict() mode and then use the JavaScript console within developer tools to troubleshoot.

      ·

      • C.L. Simco Author Editor

        Thanks for the response Sam.

        I just read through all of your documentation and FAQ/Troubleshooting again and I cannot see where or how to implement “jQuery noConflict() mode”. Where and How please. As well, in the instances of problems (that I detailed earlier I can isolate the offending code (and remove to test) but not how to make Supersized and other code work together.

        Thanks so much this is a really cool tool!

        Best to you….

        ·

      • Sam Dunn Author Editor

        Sure thing, here’s a link to the jQuery page detailing it: http://api.jquery.com/jQuery.noConflict/

        Hope that helps!

        ·

  99. Constantlm Author Editor

    Hi Sam,

    Great work on Supersized! I am however encountering an error where images are sometimes incorrectly placed and not sized correctly. Examples of this happening below:

    http://i.imgur.com/5FZcV.jpg
    http://i.imgur.com/VchHH.jpg

    Any idea what may be causing this? Any help will be greatly appreciated!

    ·

    • Usain Author Editor

      Same problem…

      ·

  100. Adam Author Editor

    Hi Sam…
    There seems to be the problem with the plugin on IOS devices (iphone/ipad) which I think came with one of the IOS updates (maybe 5.0).
    What happens is – when you have quite a few images that you’re trying to display in slideshow – safari will crash on iphone/ipad while loading up the photos.
    It does NOT happen with about 10 photos at about 5MB total size. But it will happen when you have like 30 photos at total size about 15MB.
    It’s been tested on iphone 4 and ipad 2 with newest IOS installed and it behaves exactly same way – loading up photos and if it’s too many safari will simply crash.
    Any ideas ? :)

    Adam

    ·

    • Andrea Author Editor

      Like Adam I found this problem too… about images: 28 jpeg images, from 100 to 660 KiB for 7.6MiB total… let me know if you need more info.

      Tested on iPad (updated but not mine, so I don’t know actual iOS version number): safari simply crash after 3/4 pics.

      bye
      Andrea

      ·

    • Gavin Author Editor

      I think i’m having the same issue and wondered if anyone has resolved it. I have several galleries of images and when view on an ipad2 they seem to work fine, but they crash when viewed on an original ipad.

      It may have something to do with the resolution of the images, but I want them to be as good as possible on large high res monitors.

      Any ideas?

      ·

      • John Author Editor

        Hi,
        I have the same problem. After a few pictures (3-4) the Safari on ipad crush. Have anyone found a solution. Please help me if you have a solution. I’m a bit out off ideas.
        Thks

        ·

  101. Cee Author Editor

    I’m trying to upload the 3.2 version into joomla 1.7 and it’s not recognizing the .xml file. Anyone have any tips? I’m using Safari…

    ·

    • Sam Dunn Author Editor

      Supersized is not a native Joomla plugin – it is a jQuery plugin.

      ·

  102. dursun tosun Author Editor

    Nice work.. Thank you Sam…

    ·

  103. Chris Buckley Author Editor

    Hi Sam,

    Apologies for double posting this. I’ve now got a new problem. See the site here http://bendcrete.webvitality.info/.

    If you scroll to the bottom, you’ll notice the background image gets cut off horizontally where it aligns with the initial bottom of the window.

    Is there a way I can get the background image to show its true height? I’ve set min_height to 1600px, but this only stops the visible image from shrinking further.

    Cheers,

    Chris.

    ·

  104. Alex Author Editor

    Hi,

    I am trying to implement a welcome page, which then after 2 slides redirects to another webpage within the site.

    The website is here http://parkers.escortconfused.co.uk “it has mild adult content so if you are shy or do not like women in lingerie please do not click”.

    What would you recommend to make it redirect to another page or maybe stop the slideshow after the second slide and just have a bit of text that appears on the page saying click to enter or something.

    Please help

    Thank you

    ·

  105. Tina Sains Author Editor

    Hi,
    I am newbie to supersized.
    I want to use the following, menu links (Instead of the Thumbnails/links).
    i.e When the Menu (li) links (Paris, Milano, Rome) below are clicked, the image should change.

    Please help/hint me, how to achieve this.

    Home

    Summer 2011
    Milano
    Paris
    Rome

    ·

  106. Tina Sains Author Editor

    Hi All,
    I want to use GOOGLE MAPS as one of the slides.

    For Example:-
    When CONTACTS menu is clicked
    instead of the background image, a link to a (google map) location should be displayed.

    ·

  107. Tácio Author Editor

    Hello, how i can start the supersize plugin in my website with fade effect?
    Is it possible?
    Thanks!

    ·

    • Tácio Author Editor

      remember that it’s start without effect, only after it’s work, when i pass to next image!

      ·

  108. Mirco Author Editor

    Hey Sam,

    VERY nice plugin. thx a lot for sharing it!

    i would like to deeplink to a specific slide. i tried a lot, but can´t get it working.
    do u have any idea / workaround, usefull links etc. ?

    and thx again 4 sharing stuff like this!

    best to you…

    ·

  109. Hadi Author Editor

    Is it possible to randomize the transitions between images. For example, “fade” for image1-image2, “slide” for image2 to image3, and so on.

    ·

    • Hadi Author Editor

      I forgot to say a great thank you for this plugin. Great piece of work!!
      And it would be more awesome if you add another transitions such as puzzle, clock etc. :)
      Thank Sam

      ·

  110. Sebastian Author Editor

    Hi …

    really good work. i downloaded the latest version…works perfectly. I only have the problem, when i click on the arrow or the pause button the following inverted images are not shown (PLAY and Arrow down in the bar) … where i can update the link for this images?

    I have tried it everywhere but it does not work. .. what i did, i separated the scripts to another folder…

    Thx

    ·

    • frafu Author Editor

      I wanted also to separate the scripts into a separate folder and had the same problem. Were you able to solve it?

      ·

      • frafu Author Editor

        I think that the problem was that it is not able to find the img directory if Supersized is placed into a subfolder. Thus, in addition to fixing the paths in the webpage where the slideshow is shown, you also have to adjust the ‘image-path’ variable near the bottom of the “supersized.shutter.js”.

        Don’t forget to compress “supersized.shutter.js” into “supersized.shutter.min.js” if your webpage imports “supersized.shutter.min.js” instead of “supersized.shutter.js” .

        ·

  111. Dominik Author Editor

    Hello,
    the photo gallery is wonderful, but I do not want the pictures to be adjusted by the size. The images will keep the original size 1024x768px for example.
    Can you help me there?

    thank you

    ·

    • badi Author Editor

      look for an other script, supersized is made to do for that what you don’t want.

      ·

  112. Nils Author Editor

    Hi,

    first of all thanks for the great script.

    What i am tryin to do is to use the core file on a single wordpress post template. the post has a custom field with an image link. now the supersized core and css are called in the header which is called in the single template via get_header.

    to get the custom field to work i have to have the call to the supersize function inside the template (and not in the header). looks like this and is situated inside the wordpress-loop:

    $(document).ready(function(){
    $.supersized({
    slides : [ {image : ‘ID, ‘background_image’, true) ?>’} ]
    });
    });

    does not work this way. the supersized div is there but it is empty.
    i tried replacing get_header with the actual header code and put the supersize call directly beneath the call to the core file as in the example and also with a hardcoded image link and that works …

    so any small hints or quick help would be highly appreciated …
    thanks in advance,
    nils

    ·

    • Nils Author Editor

      ok the server cut the php part … it is the standard echo get post meta thing with post ID and name of the custom field …

      ·

  113. martin Author Editor

    Hi, I want to pull the title from my image. But it doesn’t show the name of the image.

    http://grafischlokaal.nl/van-manen/

    Does anybody know what goes wrong?

    Regards, Martin

    ·

  114. Lacioni Author Editor

    how do I install in wordpress?

    ·

  115. ahtsham Author Editor

    I want to change the slider images size[ height and width ], mean if image is small then how i can give the customized image size[ height and width ] help me plz

    ·

  116. Ross Author Editor

    Awesome plugin – really nice work. Is there a way to know when the slideshow has been preloaded? I’d like to trigger other javascript events once the slideshow begins. Thanks!

    ·

  117. Chris Author Editor

    Hello @ all and thanks for the great script Sam.
    Similar to ashorlivs I would like to use the script in a Template for Typo3. To give each page in the cms-backend the opportunity to get a unique background-image on each page I need a html attribute, like to map the image. I can not map it inside the script part in the header. Since I’m not a really javascript-crack I would be thankful for your help.

    Thanks

    Chris

    ·

  118. Aless Author Editor

    Hello,

    thanks for the great plugin!
    It’s my first time using it and I have problems with fix_portrait and fix_landscape functions. I have big images, let’s say 1440×900, and I love to make them resize according to the HEIGHT of the browser (don’t mind if they are stretched) but now they always resize according to the WEIGHT of the browser.
    So, fix_portrait should do this but I tried to turn it on and off (also fix_landscape), but nothing changes. The only function working is fix_always!

    Is there a workaround or something?
    Thanks in advance.

    ·

  119. Robin Author Editor

    I put again the same post that I put on November 14th.

    Hi. I want to know if it is possible to control the slideshow? I explain… I look for a slideshow like what you did, but I don’t want that il runs itself. Example, I want to enter in the web site and I want to have to clic to go to the other picture after it fades (sorry for my english….) Thanks.

    Only want to know if it is possible or not. If yes, where I can replace the code?

    Thanks

    ·

  120. Aless Author Editor

    sorry, I wanted to reply to my own comment…

    ·

  121. David Author Editor

    Hello!
    Thanks for the great plugin,
    I want to know if it possible to use max-width and max-height into your plugin. I tried it on the css file but I didn’t get it.

    I think this is the only that needs your plugin, to be perfect!. Maybe some pics resized on big screens not look very good.

    ·

    • David Author Editor

      I tried with that in the CSS

      @media screen and (min-width:1025px){
      #supersized li {

      left: 45%; ( i don’t know why 45% is most centered than 50% )
      top: 50%;
      width:1200px;
      margin-left: -500px;
      height:900px;
      margin-top: -450px;}}

      But it only resolve the image size container, the plugin renders the image to the screen size not to the image container size.

      ·

  122. Raza Author Editor

    Hi All,

    I have a quick questions. I am trying to customize the height and width of the images.

    There are some images that are small in size, and I would like the original image size to show in the slides.

    Thanks for your help in advance.

    Raza

    ·

    • Ahtsham Author Editor

      i have same issue can some help me out?? Thank advance…

      ·

  123. Adam Author Editor

    hi Sam
    1. Any plans to look into IOS crashing problem with your plugin ?
    2. That idea with max_width/height is brilliant and it doesn’t seem like very difficult one to add when you already have min_width/height implemented.

    ·

    • Sam Dunn Author Editor

      Adam,

      I’ve done some looking into this issue and it appears that there are some documented problems with iOS5 and Safari in terms of crashing. I’ve read a few instances where turning on private browsing alleviates the problem (might be a good way to see if this is the problem). In terms of correcting this – I don’t really know how to field this problem offhand, since I already load on demand and it seems to be more an issue based on a volume of images vs the browser cache.

      Still, I will keep my eye on this and see if future iOS5 updates address this cache problem.

      Thanks!

      ·

      • Adam Author Editor

        Yes I agree that might be Apple’s fault as I’m pretty sure there was no problem before IOS5. Unfortunately turning on private browsing wouldn’t be solution anyway as you can’t really tell people to turn it on or it will crash while watching your website ;)
        Anyway I have checked that out of curiosity and it doesn’t help. I was able to successfully open the site with 37 images (11,914,390 bytes) but it would crash on 41 pictures (14,654,709 bytes).
        So I guess we just have to wait for IOS update and hope it will solve the problem… or not :)

        Thanks for coming back about this one!

        ·

  124. Petter Author Editor

    Hello Sam Dunn.

    I wonder if you only did as supersized plugin, or you also have it in theme for wordpress.
    I thought only as wanted as a plugin and theme.

    ·

    • Sam Dunn Author Editor

      There is a third party port of Supersized (mentioned in the above post)

      ·

      • Petter Author Editor

        Not found.
        Please send me the link?

        Thank you!

        ·

      • Sam Dunn Author Editor

        Please read the Plans for WordPress paragraph above.

        ·

  125. Matty Author Editor

    I am having an issue with next / previous button in IE 7 and 8. When you load the first image all is fine but when I hit next or previous the buttons lose their height and are no longer in the middle of the screen (vertically). anyone else have this issue?

    ·

  126. Tim Mask Author Editor

    When trying to activate the plugin, I get the following error –
    Parse error: parse error, unexpected T_CONST, expecting T_OLD_FUNCTION or T_FUNCTION or T_VAR or ‘}’ in /index/wp-content/plugins/wp-supersized/includes/WPSupersized.php on line 14

    Any thoughts?

    ·

    • Sam Dunn Author Editor

      Tim,

      The WP-Supersized plugin was actually done by a third party, I would reach out to them with that!

      ·

      • Tim Mask Author Editor

        Also the theme tells me that the stylesheet is missing. Did it not have a default stylesheet?
        Thanks

        ·

  127. altavis Author Editor

    Everyone, be CAREFUL!

    I had my sideshow jamming just because mixed files from core and demo. So, please watch out and use scripts and styles from demo branch. Core in this pack seems to be outdated. (zip pack for v3.2.6, Release Date: 11/28/2011).

    ·

  128. nroe Author Editor

    hi sam,

    i want to use supersized gallery for displaying many images(600+). how can i use ajax to change the slider images dynamically?

    ·

  129. Jeff Author Editor

    Hi Sam, I submitted a question a couple days ago. regarding lag on HTML links with various browsers/OS’s. I haven’t seen it here and am curious if you received?

    if not, let me know and I’ll submit it again. thanks!

    ·

  130. Mike Author Editor

    Hi Sam! The Plugin is awesome. I tested it with mobile devices such as Android 2.3 and iOS and it perfectly works. However, with the new browser of Android 4 (Galaxy Nexus), you will only see the images. All elements of the page (navigation buttons, div elements) disappear. Any clue on this? Thanks!

    ·

  131. Mike Author Editor

    Merry xmas and a happy new year’s party :)

    Quick question:
    How to bring up the thumbnail bar after document has loaded with jquery?

    I tried:
    $(“#tray-button”).trigger(‘click’);
    without success.

    Thanks!

    ·

  132. Can Author Editor

    Hi Sam,

    Its Definitely good bookmarking for future reference.

    Regards
    Can

    ·

  133. Erwin Author Editor

    Hello,

    Is it also possible to display a certain number of backgrounds and then redirect to another page. So it would work like a intro. What do I have to add to the jQuery functions?

    ·

    • Simone G. Author Editor

      Hi Erwin,
      do you find a way to solve this problem?
      I’m looking for the same thing.

      Thank you.

      ·

  134. Manuel Author Editor

    Hi, i ran into a problem with supersized and GoogleChrome. The first two pictures are displayed perfect but the 3rd picture is only displayed half. The lower half part of the image is grey. The following pictures are displayed correctly… any ideas? Thanks

    ·

  135. Kathy Author Editor

    Is it possible to call in the images locally rather than from the server? We are attending a media coverage event and would like to have this play from a CD or thumb drive displaying our products. Not sure if there will be wifi, or how reliable it will be.

    Also, is there a maximum number of images permitted?

    Thanks in advance.
    Kathy

    ·

    • Sam Dunn Author Editor

      Yes it is! You would just need to use relative paths and store everything locally.

      ·

      • Kathy Author Editor

        Hi again Sam,
        Is there a maximum number of images permitted? If so, can I change that number?

        ·

      • Kathy Author Editor

        Disregard – I found where I had to edit the comma. Thanks again Sam.

        ·

  136. Donny Author Editor

    Hi, Sam,

    I used your plugin for asstatauka.us.lt (still in progress).

    The fact is that I do not want to use as fullscreen plugin, I would like to use, let’s say only for half of the screen. How can I do this? Now, half of my pics is cutted and I can see that still the whole pic is there I just have to increase the size of #supersized element.

    How can I make it just for half of the screen?

    Thanks for your answer.

    ·

    • Sam Dunn Author Editor

      I’ve mentioned how to go about this in the comments above. Look for the comments about #supersized > li and position:absolute.

      ·

  137. Kathy Author Editor

    Thanks for your quick response Sam – much appreciated! Love the plugin.

    ·

  138. Marcel Author Editor

    Hi! Congrats and thanks for this plugin!

    I’m wondering if you could tell me if has an easy way to divide each image in a project (with some images) and include a navigation for this. Like left/right to change projects and up/down to change slides in that project…

    Tks!!

    ·

    • Sam Dunn Author Editor

      Currently the plugin does not support dynamic image set reloading – at this point the best way would be to link to separate pages with a new slideshow on each.

      ·

      • Marcel Author Editor

        Yeah, I thought that… but need to ask =)

        Thank you very much! =)

        ·

      • pierlo Author Editor

        I’ve found a workaround to make it possible to change slides programmatically. Kinda hacky, but might be interesting. It’s all about deleting the DOM elements and reappending them when needed, and clearing the animation interval before init. http://stackoverflow.com/a/10738033/531103

        ·

  139. Bee Author Editor

    Hi Sam,
    This is a lovely jQuery plugin!
    How could I go about adding content below the slideshow with a scrollbar?

    Thanks!

    ·

    • Sam Dunn Author Editor

      Change all references in supersized.css from position:fixed to absolute

      ·

      • Bee Author Editor

        That worked! I thank you so much for your quick reply.
        You can expect a donation when I next get paid :]

        If you ever find a minute, I have just one follow-up question.
        How could I make any divs below the slider take their position relative to the slider div so that they never collide at small resolutions?

        Again, thanks. You’re awesome!

        ·

  140. matt Author Editor

    Is is possible to make the transition a carousel up/down? I see you can do slide, but I’d like a carousel effect.

    ·

    • matt Author Editor

      I figured it out. just add the following to the animation cases:
      case 8: case ‘carouselTop’: // Carousel Top
      nextslide.animate({top : -base.$el.height()}, 0 ).css(‘visibility’,’visible’).animate({ top:0, avoidTransforms : false }, base.options.transition_speed, function(){ base.afterAnimation(); });
      liveslide.animate({ top: base.$el.height(), avoidTransforms : false }, base.options.transition_speed );
      break;

      case 9: case ‘carouselBottom’: // Carousel Left
      nextslide.animate({top : base.$el.height()}, 0 ).css(‘visibility’,’visible’).animate({ top:0, avoidTransforms : false }, base.options.transition_speed, function(){ base.afterAnimation(); });
      liveslide.animate({ top: -base.$el.height(), avoidTransforms : false }, base.options.transition_speed );
      break;

      ·

      • Ross Author Editor

        Hey Matt – Where do you actually add this code? I’m using the WordPress plugin. I REALLY need vertical carousels for a site. Any help would be greatly appreciated!

        ·

  141. matt Author Editor

    I would love to be able to dynamically set the next image and transition at the same time.
    Maybe with an api call something like: api.load({image:’myimage.jpg’, transition:’slideLeft’});

    Would this be difficult to set up?

    Amazing plugin by the way!

    ·

  142. David F. Author Editor

    If you’re having trouble with the images sizing incorrectly, delete the “&& ratio 1” from the lines in the resize functions in supersized.x.y.z.js ( lines 405 to 440 ). They reference the image’s squareness, which is irrelevant, and the resizing has already been determined in relation to the browser ratio, which is what matters.

    ·

  143. marek Author Editor

    Hi Sam,
    very nice Plugin. One question to this:
    Is there a way to have the first Image to be faded in?

    thx

    ·

    • matt Author Editor

      I was just wondering the same this…

      ·

    • Brad Author Editor

      I would also like to see this feature added!

      ·

  144. Elena Author Editor

    I’m implementing this into my CMS, but I keep running into a problem where the images get distorted or stretched because the javascript is not modifying the img tag placement — it stays left:0px and top:0px.

    After hours of troubleshooting I got it working correctly on the homepage by carefully stripping everything down that could possibly interfere, but then I went on to implement it on another page, and for some reason, I am having the same problem, although I believe I’m using the exact same HTML and CSS, although I must admit it’s hard to say since the CMS produces so much stuff.

    But my question is, is this possibly a CSS issue for why the javascript will not set the appropriate left and top numbers so that the image remains undistorted or stretched? Or something else? I’m pulling my hair out… It seems like it is perhaps some easy fix… but it eludes me.

    ·

  145. Jensen Author Editor

    Great plugin! I use it on a joomla 1.5 site Now I want to install it to a joomla 1.7 site but I just can’t get joomla to install it :/ Does anyone else have the same problem?

    ·

    • Sarah Author Editor

      It’s jQuery, not joomla

      ·

    • Andsmith Author Editor

      Hello Jensen, Could you show me the Joomla 1.5 site where you use it? I’d like to install it. Thanks

      ·

  146. Pixelman Author Editor

    Hi,

    I am using the latest version 3.2.6 for a new project. Everything is working fine but I am stuck with 2 problems:
    – I need an extra field to put html content in with each slide, I use the #slidecaption for my title but I also need a paragraph (p-tag) of text with brakes (br-tags).
    I tried it with a span-tag inside de #slidecaption, but super sized doesn’t like html tags inside the title-tag.

    – a second question is a button to put the supersized presentation on/off on every page. In my design I use a kind of toggle button to present the company via a slideshow which is powered by supersized.
    To have a visual idea on it:
    (first image shows the explore our mission button which toggles the slideshow)
    http://www.pixelman.be/preview/shiftn/jpeg/shiftn_www_v5_home.jpg
    (second image shows the slideshow with the extra field of content)
    http://www.pixelman.be/preview/shiftn/jpeg/shiftn_www_v5_fullscreen_mission.jpg

    Any suggestions would be nice ;)
    Kind regards.
    Harold.

    ·

    • DOMENICI Author Editor

      Hi Harold,

      Do you have fixed your problem. I would like to put html content in wich each slide too but I don’t know how I can do that.

      Can you help me.

      Thx !

      Edouard

      ·

    • DOMENICI Author Editor

      Like this site : http://www.mnstr.com/

      ;)

      ·

  147. andrew Author Editor

    Hi Sam thanks for the slide very nice how put more than 9 pics? thank you good work

    ·

  148. steve Author Editor

    Great plugin Sam.

    Has anybody figured out how to have a lightbox-type image popup from within a slide?

    TA

    ·

  149. Matthias Author Editor

    Hey i try to use
    stop_loop : 1,
    But it didn’t work. I put it bewtween.
    image_path : ‘img/’, //Default image path
    stop_loop : 1,

    //Size & Position
    min_width : 0, //Min width allowed (in pixels)

    ·

  150. rob Author Editor

    Hi Sam
    I am trying to load content via ajax once the animation has finished, it works fine in all browsers but ie7 and ie8, any idea ? alert doesn’t display neither

    This in supersized.shutter.min.js:

    afterAnimation: function () {
    container.load(url, function () {
    Shadowbox.setup();
    jQuery(“.content”).lionbars();
    alert(“ciao”);
    });

    ·

  151. ionut Author Editor

    love the plugin

    one request for the shutter theme can some provide a version with the bottom bar on the right and vertical (the thumbnail bar)

    i tried and made some progress but i’m stuck at making the thumbnails scroll correctly on vertical

    ·

  152. Dave Author Editor

    Working on new site for a client and was wondering if it was possible to use two slide link navigation lists. I know that ids need to be unique. Just wondering if there was an easy way to do this without hacking the js code much.

    Great plugin by the way. Top notch. ;o)

    ·

  153. joao Author Editor

    Hi,

    Excellent slideshow.
    i’m having one small problem – on the iPad, the images are not resizing correctly, !on portrait mode only! on landscape mode, it works fine!
    I have a joomla site with the supersized module an it works beautifully on all tested browsers, and browser sizes.

    Can anyone shed some light on this problem? i’m stumped!

    ·

    • Derek Author Editor

      Joao you said you had this working on Joomla can you tell me how you did that or if anyone else has made a successful install on either Joomla 1.5 or 2.5?

      ·

  154. gimme5kev Author Editor

    Hi,

    I would like the thumbnail gallery to be visible at all times. How do I do this?

    Thanks, good job!

    ·

    • Jorge Rebollo Author Editor

      In “supersized.shutter.js” file change:
      // Hide tray off screen
      $(vars.thumb_tray).stop().animate({bottom : 0, avoidTransforms : true}, 300 );

      And into “.html” file change:
      //Thumb Tray button
      coment the code…
      a id=”tray-button” img id=”tray-arrow” src=”img/button-tray-up.png” a

      :D

      ·

  155. spaceape Author Editor

    hi there!
    at first i´d like to say: great work and a big thanks!

    setting up a new website using supersized i got some issues with internet explorer (and iPad, but that´s not that important). I managed to place supersized above the site-content, but now i-ex (it´s i-ex 9) refuses to slide and the left/right-slide buttons don´t work.

    not enough with that, i got reports that the used images don´t have the correct size when played first but are displayed correct in the second cycle.

    ie 7 & 8 don´t seem to show these issues.

    somebody´s got an idea?

    Thanks for your help!

    ·

  156. telescope Author Editor

    Hello everyone!

    First of all, thank you for this great plug-in. I’v been wondering the same thing as gimme5kev. I already have one version of my home page up & running, powered by Supersize: simple fullscreen photo slideshow and a menu, with a link to my blog. I plan to add a slideshow gallery too, with the newest version of Supersize, but so that the thumb-tray would be visible at all times.

    My experience in scripting is close to zero so even I tried to mess with the supersized.shutter.min.js (I don’t even know if that was the right .js I was messing with:) I have not been able to get what I was looking for. Though I re-arranged the code as a code should look like with all the line breaks and text indents it was all gibberish to me :)

    Thank you for your help!

    ·

  157. Andy Author Editor

    Hello together,

    First i have to say: Thank You for this amazing tool.
    I cant say how i like this script because im german and
    cant speak realy good english. I have problem and i cant find a solution.

    first thing i do was
    i change this part

    slides : [
    {image :’galerie/menschen/bild_01.jpg’, title : ‘Bild 1’}, ]

    to

    slides : [

    ]

    it works great, because now i have all pictures froom a dir in the script

    but now i have the problem with the title
    you know how i can display the titles from the exif or iptc data of the images.

    I hope you understand me and please help.

    Greetz Andi

    ·

  158. telescope Author Editor

    Hi again!

    Ok, some serious tweaking and fixing and banging-your-head-to-a-wall and here is the thing:

    http://www.tapiokoskinen.tk/gallery.html

    I may not work on all browsers yt and the code is a mess but after a few hours of work it looks a lot like what I was looking for. Tomorrow some code-cleaning and other.. stuff (perhaps some exif-data to the bottom of the page)

    Good night!

    ·

  159. Nick Author Editor

    Hi All,

    Looking to upgrade from 3.0 to 3.2.6, but a straight upload of the newer script breaks the slideshow.

    The error it’s spitting out is: supersized.3.2.6.js:57 – “Uncaught TypeError: Cannot read property ‘length’ of undefined”.

    3.0 working – http://thefutureforward.com/made-visible.html

    3.2.6 not working – http://thefutureforward.com/domesticated-desk.html

    Any tips on upgrading from 3.0 and what else I might need to edit/add would be much appreciated.

    Thanks!

    ·

  160. david Author Editor

    Hi,
    Is there any way we can pull images from folder dynamically?

    ·

  161. derek Author Editor

    Hi all,

    Can anyone teach me how to code the api.goTo()?

    here is the sample of my code..

    jQuery(function($){

    $(‘.slide3’).click(function(){
    api.goTo(3);
    });

    $.supersized({

    // Functionality
    slideshow : 0, // Slideshow on/off
    autoplay : 0, // Slideshow starts playing automatically
    start_slide : 1, // Start slide (0 is random)
    stop_loop : 0, // Pauses slideshow on last slide
    random : 0, // Randomize slide order (Ignores start slide)
    slide_interval : 9000, // Length between transitions
    ……

    Thanks!

    ·

  162. thomas Author Editor

    Thank you 100 times, this is brilliant! With the demo setup in 5 minutes, perfect!

    ·

  163. assadotcom Author Editor

    @Maria Kazvan, Colin Wojno & Brooke Shaden. Thanks.
    This Plugin is Awesome!!!
    Convert to Blogger Template
    » http://supersizedunderconstruction.blogspot.com/
    Supersized Under Construction is a free blogger template adapted from Supersized jQuery Plugin with 1 column.

    ·

  164. assadotcom Author Editor

    UpzZz…!!! Sorry, I guess these names is the maker ^_^
    @Sam Dunn. Thanks.
    You Rock!!!

    ·

  165. Brad Author Editor

    I’m having trouble getting thumbnails of various widths working properly. I can get them displaying correctly but the calculations for the thumb tray width are all wrong and it’s adding too much space on the right. Any ideas how to make this work?

    ·

    • Brad Author Editor

      Also cuts off slides in some instances. So I’m still trying to determine how to use various sized thumbnails in the thumbnail tray and have the tray arrive at the right width. Any suggestions would be greatly appreciated.

      ·

  166. Diego Porto Ritzel Author Editor

    I´m using this script to a web slideshow (look at it here: http://www.museuvirtualunilasalle.com.br/portal/php/slideshow.php?loca=1&name=CAPAAOAvoresDoCapaao&alb=5699842120017315329) but its cropping all my slides in a 16:9 LCD monitores. How do I disable the crop feature?

    ·

    • Brad Author Editor

      The part in the demo that says:

      fit_always : 0, // Image will never exceed browser width or height (Ignores min. dimensions)

      Add that to your configuration and change the number from 0 to 1.

      ·

  167. muthu Author Editor

    how to set animation to random

    ·

    • Brad Author Editor

      The part in the demo that says:

      random : 0, // Randomize slide order (Ignores start slide)

      Add that to your configuration and change the number from 0 to 1.

      ·

  168. WGoodman Author Editor

    I love the script. Is there any way to get the cation to fade in and out with the image?

    ·

  169. makasayo Author Editor

    Thanks for this plugin. It’s great.
    I would like to know how to set the target url in the script…
    I don”t want a target=”blank” when i click on the photo
    Can you help me ?

    ·

  170. Nathan Author Editor

    Hi there – firstly, brilliant plugin, thanks for developing/supporting/extending it.

    I too am trying to figure out a method of redirecting to a new page when the slideshow has completed.

    Am playing around near:

    if(base.options.stop_loop && vars.current_slide == base.options.slides.length – 1 ) {

    on (or around) line 847, but can’t get anything to fire a new URL.

    Anyone have any bright ideas? Thanks in advance

    ·

    • Simone G. Author Editor

      Hi Nathan,
      do you find a way to solve this problem?
      I’m looking for the same thing.

      Thank you.

      ·

  171. phil Author Editor

    Hi, i need to limit the supersized to a and still not finding how I can do this, do anyone know how I can do??

    ·

  172. J R BERNSTEIN Author Editor

    1st off, thank you for this GREAT plug-in! I’m using it on my own web-site, http://www.jrbernstein.com!

    2nd, I was thinking of using it for another project, and was wondering if it could easily be adapted to carousel some text along with the image (like the New York Times Style site, http://www.nytimes.com/pages/t-magazine/index.html)?

    ·

    • Devru Author Editor

      Nice work Bernstein!

      But may i know how to increase the images, like u have used 20 -30 images.. but how to add more images to gallery?

      ·

    • Devru Author Editor

      Nice work Bernstein!

      But may i know how to increase the images, like u have used 20 -30 images.. but how to add more images to gallery?

      I am wondering how to add more images rather than by default 9 images of the plugin. Can u plz help me out??

      Thanx in advance,
      Devru

      ·

  173. Lorenzo Author Editor

    Hi there – I would like to use this nice code for my porfolio

    My question is the following:
    Can I use the slideshow in the first page and any given time (picture X displayed) switch to a content page – keeping the actual displayed image (picture X) as background for all further content pages?

    My level of coding is beginner to intermediate
    If this question was placed already – I apologize there are so many replys… it’s kinda hard to read through all of them.

    thanks a lot – a reply would be greatly appreciated :)
    lorenzo

    ·

  174. assadotcom Author Editor

    @Sam Dunn,
    how to the picture can repeat? I want to use a pattern for the background.

    ·

    • Sam Dunn Author Editor

      Unfortunately this is not something Supersized supports.

      ·

      • assadotcom Author Editor

        Mmm… Ok. Thanks Sam Dunn.
        I hope you can make it. Cheers.

        ·

    • Martin Author Editor

      You can use the pattern very easy. Add div tag with id=”pattern”. Inside this div tag put all other supersized tags with all elements.

      In supersized.css add this ID:
      #pattern {
      background: url(../img/bg-pattern.png) repeat scroll 0 0;
      height: 100%;
      overflow: hidden;
      position: fixed;
      width: 100%;
      z-index: 11;
      }

      ·

  175. Ademir (RED) Gabardo Author Editor

    Hi, I was implementing Supersized on this website frame1.com.br/2011 loading sets of images with Ajax; On the first load, it´s all ok, but when load a second set of images the pause/play buttom stop working.

    There is any tip I can follow to fix that problem?
    Kind Regards

    ·

    • James Author Editor

      Hi, nice site. It looks like you found a solution for that problem – could you please let us know how you did it?

      Cheers!

      ·

  176. Lorenzo Author Editor

    @ Sam Dunn

    is it possible to assign the last actual picture of the slideshow as background of whatever page comes after the starting page? (without the slideshow – just the image)

    thank you for your reply
    Lorenzo

    ·

  177. phil Author Editor

    Hi, I have some problem with your tool, it’s work well and thanks for that, but i’m not able to make it fit in a div space. the picture always take top to bottom. Can you help me with that?

    thanks in advance

    ·

  178. Ivan Author Editor

    Hello,
    I use your great Tool with Joomla. Now I have a question or request. Is it possible to link the slidecaption?

    Eg in your Demo: “Image Credit: Maria Kazvan” –> Image Credit: Maria Kazvan

    ·

    • Cruz Barcelona Author Editor

      Where you write the captions, do the (caption here) and it will work.

      ·

    • Noel Author Editor

      Hi,

      How do you integrate the plugin into joomla? I would like to make it for Joomla 1.5.

      Thanks in advance.

      ·

  179. Ranchesi Author Editor

    Hello!

    I have installed the slideshow – looks great!
    I want to make navigation buttons like on this sample:
    http://buildinternet.com/project/supersized/slideshow/3.2/fade.html

    I want them in the middle of the page,with hover effect.
    Downloaded samples do not have that,just the one in the right-bottom corner.
    Is there a tutorial or sample to download?

    Best regards!

    ·

  180. joseph Author Editor

    Can anyone please help me to start supersize with thumnails tray ?
    I updated supersized.shutter.min.js to this but it does not work untill i click it thress times. I am a novice please update the below mentioned code with appropriate code.

    a(vars.thumb_tray).animate({
    bottom:0}
    ,0);a(vars.tray_button).toggle(function(){
    a(vars.thumb_tray).stop().animate({
    bottom:0,avoidTransforms:true}
    ,300);if(a(vars.tray_arrow).attr(“src”)){
    a(vars.tray_arrow).attr(“src”,vars.image_path+”button-tray-down.png”)}
    return false}
    ,function(){
    a(vars.thumb_tray).stop().animate({
    bottom:-a(vars.thumb_tray).height(),avoidTransforms:true}
    ,300);if(a(vars.tray_arrow).attr(“src”)){
    a(vars.tray_arrow).attr(“src”,vars.image_path+”button-tray-up.png”)}
    return false}

    ·

    • Jorge Rebollo Author Editor

      In “supersized.shutter.js” file change:
      // Hide tray off screen
      $(vars.thumb_tray).stop().animate({bottom : 0, avoidTransforms : true}, 300 );

      // Thumbnail Tray Toggle
      $(vars.tray_button).toggle(function(){
      $(vars.thumb_tray).stop().animate({bottom : -$(vars.thumb_tray).height(), avoidTransforms : true}, 300 );
      if ($(vars.tray_arrow).attr(‘src’)) $(vars.tray_arrow).attr(“src”, vars.image_path + “button-tray-up.png”);
      return false;
      }, function() {
      $(vars.thumb_tray).stop().animate({bottom : 0, avoidTransforms : true}, 300 );
      if ($(vars.tray_arrow).attr(‘src’)) $(vars.tray_arrow).attr(“src”, vars.image_path + “button-tray-down.png”);
      return false;
      });

      And into “.html” file change:

      Saludos desde México!!! :D

      ·

      • Jorge Rebollo Author Editor

        … And into “.html” file change:

        ·

      • Jorge Rebollo Author Editor

        … And into “.html” file change:
        //Thumb Tray button//

        (sorry admin, i commented the code wrong and did not show the full post) XP

        ·

      • Jorge Rebollo Author Editor

        into “.html” file change:
        //Thumb Tray button//
        ////
        :S

        ·

      • Jorge Rebollo Author Editor

        into “.html” file change:
        //Thumb Tray button//
        img id=”tray-arrow” src=”img/button-tray-down.png”
        XS

        ·

  181. Josh Author Editor

    Hey Sam first off thanks for spersized! It rocks.

    Secondly, I was wondering what happened to the image_path option? It seems that as of 3.2 it is gone because when I specify it, nothings changes anymore and the controls-wrapper images still try to load from img/.

    Everything looks fine at first, but once I click a control, it disappears as the image tries to change to something that doesn’t exist.

    ·

  182. Jackson Author Editor

    First off, beautiful plugin. Sorry for the incredibly novice question here, but is there a thread that explains in detail how to implement Supersized into a site? I’m using a CSS based page in Dreamweaver CS5. What I did was opened the html file “fade” and then tried to replace my image where it says:

    {image : ‘http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/slides/kazvan-1.jpg’, title : ‘Image Credit: Maria Kazvan’, thumb : ‘http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/thumbs/kazvan-1.jpg’, url : ‘http://www.nonsensesociety.com/2011/04/maria-kazvan/’}

    This is at line 43. This did not work and gave me a syntax error. I’m trying to place Supersized below my #sitenav. Is there an elementary write up on how to do this step by step? Thanks a bunch!!!

    ·

  183. Cruz Barcelona Author Editor

    I want each separate image to link to a separate website. Im using the url : thingy but its not working. What could it be?

    ·

  184. Tina Sains Author Editor

    Hi All,
    I want to use the Slidout contextual tips on a project that is using Supersized plugin,
    Please find the link to tutorial below:-
    http://tutorialzine.com/2010/04/slideout-context-tips-jquery-css3/

    I have tried to achieve this for days but failed.
    Could someone offer help?
    my email : [email protected]

    ·

  185. MWH Author Editor

    Is there anyway to have the thumbnail bar at the bottom appear open automatically on load. So the visitor would dismiss the thumbs rather than first make them appear?

    ·

  186. Khino Author Editor

    Hi All,

    Can I align the image on the BOTTOM RIGHT side of the div?

    Best regards!

    ·

  187. Federico Author Editor

    Hi, is there a way to link the slide caption instead the image?

    ·

  188. Adam Author Editor

    Hi,

    First of all, sorry for my english.

    I am having some problems. Maybe it is a bug. The problem only appears in Chrome for me (version 15).

    1. Open the online demo: http://buildinternet.com/project/supersized/slideshow/3.2/demo.html
    2. Press F5 – reload the page
    3. Immediately press spacebar to stop autoplay
    4. Press left key – this is picture number 9. everything is ok now
    5. Press left key again – the 8th picture is not centered vertically nor horizontally

    Can anyone confirm this problem?

    Thanks

    ·

  189. Adam Author Editor

    I managed to solve the above problem. I dont know why, but somehow in nextSlide() and prevSlide() functions, Chrome can not get the actual image width() and height() at img.load() after appending the img to the targetList.

    So I added
    var newImg = new Image();
    newImg.src = $(this).attr(‘src’);
    var height = newImg.height;
    var width = newImg.width;
    $(this).width(width);
    $(this).height(height);
    in the load() function before base._origDim($(this));

    The problem also appeared when using api.goTo(). This code fixed that too.

    Hope this helps someone.

    ·

  190. Mr Author Editor

    Hi all,

    like this very much. but is it possible to set a video as the background instead of slide or image?

    ·

  191. Jorge Rebollo Author Editor

    Thank you very much for your great work Sam Dunn!

    Can you give me a clue for each individual thumb has a tooltip that displays the title information of the image?

    New thanks for your dedication!

    Best regards
    Jorge Rebollo

    ·

    • Jorge Rebollo Author Editor

      I’ve solved the tooltip! XD

      Anyone interested send me an email for more information.

      [email protected]

      Greetings!

      Jorge Rebollo

      ·

  192. Danbee Author Editor

    Thanks for the brilliant work, I’ve been using Supersized for quite some time now but have only recently really gotten my hands dirty for some serious customization.

    I’ve been trying to animate the thumbnails so that they change opacity smoothly (using the .animate() method). Although changing details for “ul#thumb-list li.current-thumb img” is quite straightforward in “supersized.shutter.css”, I’m having trouble when working in the “supersized.shutter.js” file.

    I’ve already implemented the .animate method in a separate .js file for elements that are accessible from the main .html file (like “#tray-button”) but obviously the “thumb-list” list isn’t part of the .html file and my skills and knowledge are quite limited in this area.

    As far as I can tell (which is not very far!), the “.current-thumb” class isn’t transferred to the new thumbnail when a new slide is loaded, and whatever .css manipulation is attempted in “supersized.shutter.js” overrides the details specified in “supersized.shutter.css”.

    Any help would be much appreciated, thank you so much in advance!

    ·

  193. Ivan Author Editor

    Hi Sam,
    I’m starting to modify your script ( adding events so other jQuery plugins could respond to changes in the slideshow).
    I have a few questions for you.
    Why are you creating global variables like “vars” and “api”, just in order for the theme scripts could have access to them.
    1. – Isn’t it better to pass a reference of supersized plugin to a theme in the moment you instantiate the theme?
    2. – Have a theme script look for the “supersized” object ID , and access “api” and “vars” via jQuery.data() ?

    ·

  194. Vikki Author Editor

    Hi

    I’m developing a site and the client has requested we use the supersized plugin to display a gallery of images – which is fine, HOWEVER the have requested that the background image scrolls with the site rather than being fixed to the browser window. Something like this – http://www.surfcampinportugal.com/.

    I’ve tried amending my CSS (changing position: fixed to absolute) but nothing seems to achieve this effect. Does anyone have any ideas?

    ·

  195. filete Author Editor

    Hi there!
    I am using the WP Supersized plugin, and sure its a great one , but can´t resolve this:

    How can avoid photos from being full screen, I just wanna them to display original size, but can´t find a way to do it.

    Anyone can help?

    ·

    • Adam Author Editor

      Hi!

      In supersized.3.2.6.js at resizeWidth and resizeHeight functions, you can find where images beiing resized. You can add additional conditions or remove .height() and .width() parts.

      For example:
      in resizeWidth, you can add:
      “if (thisSlide.width() > browserwidth) { }”
      in resizeHeight:
      “if (thisSlide.height() > browserheight) {“

      ·

      • filete Author Editor

        Thanks for your reply.

        But I am using the WP-Supersized plugin and its version 2.0
        So whats the .php file where I can find those functions?

        Thanks

        ·

      • Ben Author Editor

        The supersized.3.2.6.min.js file is located in the js folder inside the WP Supersized plugin folder. Difficult to modify as it is minified. But you could pick the supersized.3.2.6 file from this website, modify it, minify it and overwrite the supersized.3.2.6.min.js in the WP Supersized plugin folder.

        ·

  196. bibindome2 Author Editor

    Hi , i ve searched everywhere but it seems that for the moment supersized is yet in conflict with IE8… in my case i can t see the picture and i have a grey background with IE8…
    Do you have any solution ? I use the last version of supersized.

    ·

    • Sam Dunn Author Editor

      Please check the FAQ on the project page, this plugin does work in IE

      ·

  197. Hans Author Editor

    Thanks to the well-structured code I was able to add videos to the slideshow. Some modifications were necessary, of course. And the size of a video is fixed. Anyway, if you are interested, take a look http://fotosundberge.de/tourenbuch-2011/schwarzkogel/schwarzkogel.html

    ·

  198. Anagorn Author Editor

    Hi,

    I’m using the WP Supersized plugin but i’ve got an issue I can’t get resolved:
    Even if I use the default settings, the navigation buttons and bar aren’t visible.
    They’re not even in the code..
    What am I doing wrong?

    ·

    • Adam Author Editor

      You have to write them in the code!

      ·

      • Anagorn Author Editor

        Thank you for your response!
        But what line of code should I add?
        I thought the plugin would add all the correct code in my site, but it doesn’t?

        ·

    • Adam Author Editor

      Use the .html file in the download package!

      ·

    • Ben Author Editor

      The WP Supersized plugin does take care of putting all the navigation buttons and bar. Check that you have set the option “Slideshow controls” on. If you have no footer in your template, it will not work though.

      ·

  199. Dulon Author Editor

    Hi,
    I have tried every solution like… I have changed the position to absolute. and I supersized ul to my container div not to the body. even I set the height and width in the function resizeHeight() and resizeWidth() like the following…
    thisSlide.height(base.options.min_height); where I set min_height = 300 in html page.

    But always I got the resized image with full window sized plugin where I want resized image as well as resized plugin. Please help me to resize the plugin as well as images.

    Thanks in advance.
    Dulon

    ·

    • Jason Author Editor

      I believe Dulon, myself and others are attempting the same thing. I have a client who loves Supersized but would prefer it not take up the entire screen. He would like it with padding around it, still very large, like 90% of the browser but feels like having a border around it would feel more elegant in his case. Is there a way to wrap the entire component into a Div that is neatly centered (horizontally and vertically) that maintains the photos’ aspect ratios? Even better if I can set max height / width so the photos don’t scale above their native size. Thanks!

      ·

      • Dulon Author Editor

        Thanks Jason for your reply. I agree with you that if the plugin supports max height/ max width or a specific height/width so that we can get it as our required size.

        ·

  200. Don Author Editor

    Love Supersized. I’ve used it several times. However, on IE (surprise!), I’m running into an issue on http://ClarkHullandAssociates.com where when going from page to page (different slideshow images on each page) IE will do a flash of the last image in the array before starting the slideshow with the initial image.

    Sometimes it only happens the second time that you go to a particular page.

    Any ideas???

    ·

  201. Michel Author Editor

    very nice , thanks

    ·

  202. Kent Maxwell Author Editor

    Works great except in older browsers Firefox 2 or earlier the images don’t display, I guessing its an incompatible version of Java Script? I also noticed your demo doesn’t work in the Samsung Galaxy Tab 10.1, any ideas on a fix.

    The old browser issue is not really that important but the android tab is to me.

    Thanks

    Kent

    ·

  203. sudha Author Editor

    i use this supersized script in my php website.. i want dynamic slideshow where it can be done in this script. can you tel me the solution?

    ·

  204. Graphections Author Editor

    Hi there, sort of new to all of this, but i’m making great headway with WordPress
    http://www.graphections.com/blogography/

    I just downloaded this plugin and love the way it looks – BUT, for the life of me I cannot get it to install through WordPress.

    Is there something I am missing, and just don’t know about?

    I’d really like some input on this, and can offer any and as much information as needed.

    Thanks
    Mark

    ·

    • Ben Author Editor

      Mark,
      Why don’t you try my WP Supersized plugin ? It takes care of all the installation of Supersized in WordPress and offers plenty of options.

      ·

  205. amy Author Editor

    there is a problem occur when I using the browser Internet Android 3.25 ( Galaxy Samsung Tabber). The Image doesnt show full-screen ><, Help!!

    ·

  206. Emily Author Editor

    Hello,
    This is a great plugin – thank you!

    I’ve successfully implemented it into a client’s in-development site, but I’m having an issue with vertical distortion — the ratio aspect does not stay in tact when resizing the browser. For instance, I would like it to function as if it were a background image with a background-position: center center;

    I see yours functions properly in the demo, so I’m wondering what my issue is… any thoughts?

    (I’m using wordpress, and have also tried the Supersized WP plugin, adjusting all the horizontal/vertical options, but I’m having the same issue there as well.)

    ·

  207. Emily Author Editor

    Hello,
    This is a great plugin – thank you!

    I’ve successfully implemented it into a client’s in-development site, but I’m having an issue with vertical distortion — the ratio aspect does not stay in tact when resizing the browser. For instance, I would like it to function as if it were a background image with a background-position: center center;

    I see yours functions properly in the demo, so I’m wondering what my issue is… any thoughts?

    (I’m using wordpress, and have also tried the Supersized WP plugin, adjusting all the horizontal/vertical options, but I’m having the same issue there as well.)

    Thanks!

    ·

  208. Pontus Author Editor

    Any plans for touch/swipe on tablet?

    ·

  209. Konstantinos Author Editor

    hey!
    great work!

    I am using the supersized 3.1.3 and I love it!
    I would like in one page not to have it full screen though!

    My question is what should I do in order to get the slideshow be not full screen but the exact size of photos?

    for example 600×400 or 400×600 px

    thanks
    Konstantinos

    ·

  210. Claudius Author Editor

    I have a question !
    It is possible to change the size of this slider “Supersized” from full-screen into a…let’s say width : 960px and height : 400px. That’s mean that all elements of this slider (play, thumb-tray, progress-bar, image etc.) to be included in that rectangle of width: 960px, height : 400px;
    Thanks !

    ·

  211. DOMENICI Edouard Author Editor

    Hi Sam,

    I’m using the latest version of Supersized… Great work!

    I would like to do something like this site (http://www.mnstr.com/) but I need an extra field to put my html content (, …) in each slide …

    How can I do that… Can you help me.

    Thx !

    Edouard

    ·

    • Ben Author Editor

      Edouard,
      Try putting your html in the title. It worked very well for me.

      ·

      • DOMENICI Edouard Author Editor

        Thx Ben,

        Sorry but I don’t understand how I have to do that. Do you have an exemple for me (easy…) ?
        I would like to put my HTML text in a special Div for each slide…

        Sorry for my english…

        Edouard

        ·

      • Ben Author Editor

        In the slides list, you may use html within the title field.
        For example, this should work:
        {image : ‘http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/slides/kazvan-1.jpg’, title : ‘Here is an example of a link in the title: Link to BuildInternet!‘, thumb : ‘http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/thumbs/kazvan-1.jpg’, url : ‘http://www.nonsensesociety.com/2011/04/maria-kazvan/’}

        ·

      • Ben Author Editor

        Hmmm…. the html was stripped from my comment of course.
        What I wanted to write was something like the following (simply replace the parentheses by ):
        title : ‘(div)Here is an example of a link in the title: (a href=”http://www.buildinternet.com”) Link to BuildInternet! (/a) (/div)’

        Hope this works now!

        ·

      • Ben Author Editor

        Well, I hope that you understood what I meant. The < and > characters were stripped in my comment. So the parentheses should be replaced by < and >

        ·

  212. S Author Editor

    hi sam,

    great work with the slider!

    easy to implement and well commented code!

    i’m having an issue when using cufon for the slide captions, it doesn’t work.
    the typeface for the captions remains unchanged.
    any ideas why?

    Cufon.replace(‘#slidecaption’, {
    hover: true
    });

    ·

    • Jenn Author Editor

      Hey Sam,

      I was running into the same issue with Cufon before. I think Cufon doesn’t like how Supersized is generating the captions dynamically – Cufon wants the text to be part of the document flow, and Supersized prettymuch removes all the text from that flow. I don’t know all the technical terms, but that’s what I was able to deduce after some fiddling.

      tl/dr version: As it stands I don’t think Cufon will play nice with Supersized. Try using @font-face maybe?

      ·

  213. Alessandro Author Editor

    Hi,
    a beautiful work!
    I’ve a noob question :(

    I changed folder for the images in all css (supersized.css && supersized-shutter.css) but i noticed by firebug that i’m missing 2 files.
    I.e. seems that those 2 file are recalled from supersized-shutter.js.

    In which mode i can change the path in supersized-shuitter.js?

    Tried to append in head
    image-path=”images/supersized/”;
    but no working

    Thank you!

    ·

  214. Elise Author Editor

    Please Help!
    The supersized plugin is working great for me when I preview it using dremweaver but when i made the site I’m working on live the plugin stops working, has anyone else had this issue? can anyone help?

    ·

  215. Boom Truck For Sale Author Editor

    I need to have the resize effect applicable on one div. Any help??

    ·

  216. RS Author Editor

    Great Script! I’m very impressed!

    I’m having two issues.. I have 85 pics..

    1. The navigation “dots” at the bottom spill over to the arrow on the right.

    Any suggestions?

    2. I would like the Thumb Tray at bottom to load active instead of waiting for the arrow. Is that possible?

    Thanks for anyone’s help on this!

    ·

  217. Nick Author Editor

    Quick question – I’m looking to do a simply gallery that transitions really quickly (using “transition:0”), and pauses on hover.

    For some reason, this is not working:

    http://thefutureforward.com/home-temp.html

    It only transitions once, then stops. If you hover on then off, it transitions again randomly.

    Any thoughts as to how to get a really fast transition working would be great!

    ·

  218. Rochelle Author Editor

    I would also like to have a vertically-oriented thumbnail navigation, and not just previous/next thumbnails. Has anyone managed to accomplish this modification?

    One observation: if you go with the Media Library instead of your own supersized-slides directory and thumbs within, the thumbnails in the bottom tray are fuzzy, even if edited directly to the exact size indicated in the code. I created two pages, one using the Media Library and one using supersized-slides to test this out.

    ·

    • Ben Author Editor

      I guess that your second question is related to WP Supersized ?
      Your thumbnails are fuzzy because the images have been resized automatically by WordPress when you uploaded them. If you want to have them with the right size, go to the WordPress Media Settings and set the Thumbnail size to the one you need.

      ·

      • Rochelle Author Editor

        yeah it’s for WP supersized. Guess I should go find a WP forum for this… :)

        ·

  219. Nick Author Editor

    One potential answer to “how do I make the whole background clickable for going to the next slide?” is to add this in your theme file:

    $(“ul#supersized”).click(function() {
    api.nextSlide();
    });

    ·

  220. Jenna Close Author Editor

    Does anyone know what size the thumbnails need to be to avoid cropping?
    Supersized is great!
    Thanks.

    ·

  221. Alicia Author Editor

    It doesnt seem to work in firefox and chrome, but its okay in ie.
    Anyone having the same problem? Really need some help here. Thanks!

    ·

  222. Francesco Author Editor

    Check out this !
    “Multiple” Supersized gal on one page !
    I’ve used the API and the code ( _build + _start ) found in supersized.3.2.6,js !

    http://francescocostantino.info/vecchioborgo/

    ·

  223. Francesco Author Editor

    Add to my prev comment !

    CLICK ON “IMMAGINI” images in italian :)

    ·

  224. Olga Author Editor

    Hi

    It doesn’t work in IE9 .. but it does in firefox and chrome…. anyone having the same problem?

    ·

    • Barry Ricoh Author Editor

      It works perfectly on my site with IE9

      ·

  225. Barry Ricoh Author Editor

    Any suggestion how i can set the lower border of the displayed picture is on the top of the “navigation dot bar” and not on the lower end of the “navigation dot bar”.
    So the lower part of the picture is NOT overlayed by the bar!

    ·

  226. Simone G. Author Editor

    Hi,

    I’m doing my new website in WordPress and I’ve a theme that include your slideshow in homepage.
    I need to know how can I redirect on an other page when all of slides are been viewed.

    Thank you.

    ·

  227. Digital Robot Gorilla Author Editor

    How can you use this with Transparent PNGs?

    The images stack on top of each other so the next one in the queue is visible behind the current image.

    ·

  228. Knuckle Boom For Sale Author Editor

    i really enjoy this tool. how do i make a slide show though? does it work for safari or is this only for hp?

    ·

    • Digital Robot Gorilla Author Editor

      hp? It works on Safari very well. To make the slide show you must download the files and configure your site.

      ·

  229. carlos c. Author Editor

    Cheers!

    I’m trying to set up a gallery with this nitty app. I DO NOT want the pic to show full screen, instead I’d like it to being 200px from the browser border, so it shows completely. Currently, I have tried modifying all parametes of #supersized-* and none seem to work. Is there a way to do this (the faq says that I have to modify #supersized position to absolute).

    http://www.fotosesion.com/galerian.html

    All images are cut off :-(

    Cheers,

    Carlos…

    ·

    • Digital Robot Gorilla Author Editor

      In supersized.css find #supersized img {…} and add margin:200px; to the end.

      So it should be #supersized img {…border:none; margin:200px; }

      But you’ll have to make sure the images you use are smaller than the screen resolution otherwise you will cut of the images in the right and bottom.

      Hope that helps.

      ·

  230. Tobias Author Editor

    Im can’t get supersize fade slides to work in Internet Explorer.

    In developer tools in explorer it says:

    SCRIPT438: Objektet understøtter ikke egenskaben eller metoden ‘getElementsByTagName’
    jquery.min.js, linje 16 tegn 59007

    plz help!

    ·

  231. lolo Author Editor

    I want a fixed size image in the center of the page (1024X768)
    Thank you

    ·

    • Digital Robot Gorilla Author Editor

      In supersized.css got to #supersized img and change width:auto; and hight:auto; to width:1024px; and height:768px;

      ·

      • lolo Author Editor

        thank you but it does not work … I continued my research

        Thanks again !!!

        ·

  232. Dice Sales Author Editor

    Hi, Nice plugin you have! :)

    i have a question, how can i set the autoplay off by using an element?

    for example:

    $(‘ul.menu li a’).click(function(){

    /* some codes here */

    });

    thanks!

    ·

  233. lee Author Editor

    thumbnail tray showing on page load

    i have tried the code further up the page but i can not get to work on the html page the button shows the down icon but the thumbnail strip needs to be clicked to make it show

    any help would be great cheers

    ·

  234. lance Author Editor

    carousel-right:
    is there any way to let supersized images not slide the whole width to the left but let’s say just 70% of width so that the previous image still remains visible in parts?
    i’ve tried to mess around with $window.width() in the .js file but didn’t come up with a solution.

    ·

  235. Devru Author Editor

    I have used the PLUGIN and its working fine. But i have to add more pics (slides), the plugin or script has 9 images by default but how to increase the images?? i have around 30 images… Can anyone help me out??

    Thanx in advance

    ·

    • Nuno Author Editor

      Hi,

      Just edit the main HTML file and copy/paste the lines refering to each slide, like:

      {image : ‘img1.jpg’, title : ‘Image Title’, thumb : ‘img_thumb1.jpg’, url : ‘http://www.site.com/’},

      Don’t forget the comma in the end of the line, if it’s not the last slide.

      Cheers.

      ·

      • Robert Author Editor

        That did the trick!
        I copied the last image to add more images but forgot about that COMMA.
        Thanks for your hint.

        ·

  236. Steve S Author Editor

    Thanks for this build, have had fun.
    Problem is doesn’t work for me on iPhone, iPads.
    As the slideshow tries to load Safari turns off.
    Just me?
    Thanks in advance.

    ·

    • Matthew Author Editor

      Yeah… I’m having this problem too. I have a mobile/tablet site with about 30 images @ 1024 x 768 each, with total file size of 12 mb. It usually crashes before it is completely loaded. Seems very unstable. Any help would be greatly appreciated.

      ·

    • ideafarm Author Editor

      Did you mangage to get anywhere displaying this on iphone/ipad. A few othwer posts suggest it does work.

      ·

  237. Rod Author Editor

    Hello, This full screen slider is brilliant but im a complete novice and simply have no clue on how to insert this into my webpage- help?! Im using a webbuilder programme and it allows you to add html – but for the life of me i dont know how to include your source file and html code. ive copied and pasted everything and previewed the website – suffice it to say no joy! all i can see is :

    Photographers: Maria Kazvan, Colin Wojno, & Brooke Shaden
    via Ad Packs

    /
    at the top of the page and nothing else – can you help?

    ·

  238. Panagiotis Author Editor

    Hello,

    This is a very good job you have done. I was looking for a full screen template and it gained much of my attention and gave me great ideas for my new project. I will try to integrate the Template with Joomla 2.5.

    Thanks a lot

    PA

    ·

  239. Nuno Author Editor

    This is a great plugin. I’m trying to make the first slide appear with an animation but I don’t get where can I do that.
    I’m trying right in the beginning of base.launch, replacing

    base.$el.css(‘visibility’,’visible’);

    with

    base.$el.animate({left : -base.$el.width()}, 0 ).css(‘visibility’,’visible’).animate({ left:0, avoidTransforms : false }, base.options.transition_speed);

    but nothing happens…

    Can anyone give me a hand?

    Thanks.

    ·

    • Nuno Author Editor

      I got it, I had to find the active slide first. Just replace

      base.$el.css(‘visibility’,’visible’);

      with:

      liveslide = base.$el.find(‘.activeslide’);
      liveslide.animate({left : base.$el.width()}, 0 ).css(‘visibility’,’visible’).animate({ left:0, avoidTransforms : false }, base.options.transition_speed);

      This can maybe be done with other animations.

      ·

  240. Tabetha Author Editor

    Hi. I am trying to use the slide_links option to show the slide numbers and link to show the relevant image. However, the documentation doesn’t really show much about initiating this.
    Any help would be appreciated.

    ·

  241. شات صوتي Author Editor

    thank for you articles my pro

    ·

  242. Lickybuay Author Editor

    Here i send you all a little tutorial i made for make image loading (Change gallery images) with ajax/mysql/php with Supersized/Jquery

    http://www.mediafire.com/?3hvw7ybic551w8b

    Hope helps you a lot.

    ·

    • worm1 Author Editor

      Your method work except the play pause button (function playtoggle) and forward backward thumbnail button and the timer slide_interval after you change gallery images . Do you know why ? Some vars need perhaps reset ?

      ·

  243. Dave Author Editor

    I’m getting my background as just another resizable image, an image that appears before my tag content, which includes another pic. Any ideas for troubleshooting? This should be basic!

    ·

  244. hair cutting scissors Author Editor

    it’s my first pay a visit of this website; this web site consists of amazing and actually fine data in favor of vewers

    ·

  245. leather wallets Author Editor

    When I came over to this blog post I can only see part of it, is this my web web browser or the internet website? Should I reboot

    ·

  246. Indisk Restaurang Author Editor

    Nice post , this is my first time i read this blog and i found it very interesting , nice job .

    ·

  247. Jenna Close Author Editor

    Hi All,
    I am using Supersized (via the Wp-Supersized plugin) for the index page of my website (WordPress). I’m trying to figure out how to add header tags. When I add them to the template front page, they don’t show up. I am guessing I need to add them somewhere in Supersized, since it’s pulling that as the body of the homepage? Is there a way to do this? Apologies in advance if I’m not making sense…I’m new to this.

    Cheers,
    Jenna

    ·

  248. how to make slide show Author Editor

    How to make a slide show

    ·

  249. prasannah Author Editor

    Hi ,

    I have a question on how to keep the thumbnail controls on or off. is there a control for that.

    Prasannah

    ·

  250. theMikeD Author Editor

    When does image caching occur? at script run time, or at image transition time?

    IOW if I have a slideshow of, say, 100 images and I have a link to show image #99, will it cache and show just image #99 or will it have to cache the 98 images ahead of it in the array before caching and showing #99?

    ·

  251. EHRETic Author Editor

    Hello there,

    I’ve working on my new website design and I found a beautiful theme. Theme is using Supersized to display a fullscreen slideshow in home page.

    Unfortunatelly (for me !), the developper configured it to let the thumbnails bar visible. I would like to have it minimized, but I didn’t found how to.

    I’ve tried to replace supersized.3.2.5.js by supersized.3.2.7.min.js, but apparently, it is not that simple because something needs to be changed in supersized.shutter.js

    I was able to have it minimized, but the functionalities of maximizing, pause and select one thumbnail were lost. I have to admit that is not that easy to make reverse engineering ! ;-P

    If a specialist would like to have a look, maybe he can quickly tell me what needs to be done. I’ve let for the moment the standard settings as the other way was not working.

    Links used :
    http://dev.ehretic.com
    http://dev.ehretic.com/wp-content/themes/dt-chocolate/js/supersized.shutter.js
    http://dev.ehretic.com/wp-content/themes/dt-chocolate/js/supersized.3.2.5.js
    http://dev.ehretic.com/wp-content/themes/dt-chocolate/css/supersized.css
    http://dev.ehretic.com/wp-content/themes/dt-chocolate/css/supersized.shutter.css

    Many thanks in advance for your help ! ;-)

    ·

  252. JAn Author Editor

    Hi Tom, love the project!!

    I have used the api.goTo to load in separate slides from my menu, however I would really like to load in unique content for each slide, my concept is a sliding panel site. Would I have to use the api.getField and assign an ID to each image slide which I can call in the HTML or is there another way without doing too much heavy coding?

    http://stackoverflow.com/questions/7952988/adding-html-text-to-supersized-jquery-image-slide – found this an example, but not sure if this will do exactly what I need.

    Any help will be much appreciated, cheers.

    ·

  253. freddy Author Editor

    such a great work, and helpful too
    thumbs up!

    ·

  254. theMikeD Author Editor

    How do you restart the slideshow? This doesn’t seem to work:

    function restartSlideshow() {
    if ( !vars.is_paused ) { api.playToggle(); }
    api.goTo(1);
    if ( vars.is_paused ) { api.playToggle();
    }

    It resets back to slide one but doesn’t play the slideshow.

    ·

  255. Nick Author Editor

    I have used this plugin a few times and love it. However on my current project Im trying to link directly to a specific slide from a different page. The new features for version 3.2 list that you can “Link directly to slides” but for the life of me I cant figure out how to do this. It doesnt help that Im not much of a programer. Any help would be appreciated.

    Thanks!!

    ·

  256. Steve Perry Author Editor

    Hi Sam

    Excellent tool!

    I have one small minor problem….. during the fade transition, I get a hiccup that briefly shows the next pic before finishing off the transition. eg:

    Slide 1 begins fade to Slide 2

    Slide 2 is shown in it’s entirety breifly

    Slide 1 continues its fade to Slide 2 and completes transition

    Problem continues to Slide 2 to Slide 3 fade…

    Any help much appreciated!

    Steve

    ·

  257. Long feather EArrings Author Editor

    I appreciate an unbelievable publish, may examine your others posts. many thanks for your thinking within this, I felt a lttle bit made an impact to by this article. Many thanks again! You earn a terrific moment. Portrays natures best by the wonderful report here. I do think that if a greater number of people consideration for it like this, they’d have got a better time period receive the suspend ofing the matter.

    ·

  258. 23r9i0 Author Editor

    Hi Sam,
    I have a problem with the fixed position in the smartphone because the content is moved around.
    sorry for my English

    ·

  259. Rene Author Editor

    Hello Sam,

    I have a question about your JQuery plugin ‘Supersized’. Is it possible to display a header with a fixed height above the slideshow, so that the image is displayed in full-size under the header and not cutting off behind the header? I’ll appreciate your answer.

    Best Regards
    Rene

    ·

  260. Matthew C. Kriner Author Editor

    i am so happy you posted this, i have found many misinformed articles on this topic and was pleasently surpised at your accurate information!

    ·

  261. agaehakfalwedkj adkjalwdjaw Author Editor

    That’s not me not used to blogging and in fact value internet site. You are able to locate considerably innovative content that peaks my interest. Let me bookmark your internet site whilst checking you out of trouble.

    ·

  262. xaeder Author Editor

    Thank you for creating this awesome flickr gallery! I am having a linking issue when a flickr photo is clicked within the gallery that is displayed on my site. It tries to link back to the image on Flickr but I get a “This is not the page you are looking for error”I have created a new API as well as changed out the user id but the problem continues to happen. Is this something with the API?

    Thank you for any tips on how to fix this issue.

    ·

    • JahPu Author Editor

      Hi Xaeder,
      Can you help me get my supersized/flickr slideshow to work on my website?
      I inserted the set ID, the API key and changed the sourse to 1, but it does’nt
      load the images.

      ·

  263. TWF Author Editor

    I am creating a site that navigates using AJAX. Sometimes when a page is loaded via AJAX the first image is supersized and when it slides to the next one it shrinks and the only way to re-supersize it is to change the window size, however when it slides again it shrinks again. This problem is intermittent but annoying. Can anyone help?

    ·

  264. Dan Author Editor

    Hi Sam – thanks for the great plugin.

    One question though – how can I make the captions fade in & out with the main images?
    I have the main images fading at 2000ms & would like the captions to do the same. I have my captions as images as well, btw.

    Thanks again,

    Dan

    ·

  265. septic Author Editor

    I do know this was a very interesting post thanks for writing it!

    ·

  266. Live Webcam Girls XXX Sex Author Editor

    Enjoy this beautiful spring. Make love, not war. :)) Live Webcam Girls XXX SEX

    ·

  267. SEO Author Editor

    Thanks for a tremendous submit, will study your personal others content. thank you your thoughts on this, I soon became somewhat struck by this short article. Thanks again! You commit a terrific moment. Has excellent data here. I feel if a greater number of people thought about it like this, they’d have a very better time frame have the suspend ofing the issue.

    ·

  268. Stephan Author Editor

    Hi,

    First of all “Thank You” for this very nice script… It is easy to install works nearly perfect, but I found one thing, which drives me crazy ;)

    In Safari (on PC and MAC) and mobile Safari, the images are randomly scaled a little bit different. We use 2 images of the same picture (one colored & one greyscale). They are equal size and everything, the only difference ist the color/greyscale.
    If we now use api.GoTo(1) & api.GoTo(2) to change between greyscale or color, the images don’t fit… sometimes the greyscale is wider then colored picture and sometimes it is smaller…
    In Mozilla the pictures are always exactly equal and using the fade transition it looks like you just turn out the color or switch it back on..
    You can see it here on our work in progress test site: http://www.innovationsraum.de/kunden/blvd

    It would be very nice, if someone colud help us, how to get it work in Safari as well as in Mozilla and other browsers

    Thanks in advance,
    Stephan

    ·

  269. naperville computer recycling Author Editor

    very cool! i like this, thanks for sharing!

    ·

  270. ltrartwork Author Editor

    Hello,
    Super work!
    Anyone found issue on the safari ipad ios crash?
    It work with 4 or 5 images but more than 10 makes Safari ios shut down.
    (Sorry for bad english)

    Thanks.

    ·

  271. danielle62 Author Editor

    After the last slide plays I need the page to redirect to another URL – has anyone figured out how to do this yet? afterAnimation doesn’t seem to be working for me.

    ·

  272. gustavo Author Editor

    How can i use this pattern

    background: transparent url(../images/pattern.png) repeat top left;

    ·

  273. Pedro Author Editor

    For me works fine on every browsers. I have 100 jpg exported from LightRoom with 1920×960 px at 72dpi. Its a folder with 32MB in my website and works fine. Right now i’m managing my mobile site with this app too…

    ·

  274. Thomas Creeten Author Editor

    Hello,

    how about adding a fadeIn on the first image loaded, so it doesn’t look so choppy when it got loaded?

    – Thomas

    ·

  275. Will H Author Editor

    Hello,

    I have the unfortunate issue of having to work on a platform that has a 4.0 transitional doctype, but no system identifier (). Content I have overlaying the supersized slideshow shows perfectly in all browsers except Internet Explorer, which pushes the content below. I tried changing the position: fixed to position: absolute, which solved the overlaying content issue, but the supersized images scroll with the content obviously. Am I at a dead end here with the miserable quirks mode doctype im faced with, or is there a fix? Any help is greatly appreciated!

    ·

  276. Jess Author Editor

    Hi Sam,

    How can I pause the slideshow on a hover effect?? I’m so new to this! Can anyone help me please?

    ·

  277. Fabian Pulido Pardo Author Editor

    hi, I have a problem with IE8, images does’t load/show how can i fix it?

    ·

  278. ashwin bambhniya Author Editor

    really it is awosome

    ·

  279. Manoel Author Editor

    How can I keep the thumbnail visible in the browser to refresh?

    thanks

    ·

  280. Projesh Author Editor

    Simply, great.
    Thanx!

    ·

  281. Tamara Author Editor

    Is there a way to have the thumbnails on the right side instead of the bottom?

    ·

  282. andrea Author Editor

    hi ! i need to know if is possible to AUTOHIDE the thumbnails with an event like mouseover/mouseout…

    thanks ! ;)

    ·

  283. jumborex Author Editor

    Something is apparently not working with the last donloads (May, 2012). I can download only up to versiom 3.0, not 3.1, nor 3.2. Any idea?

    ·

  284. Si Author Editor

    Similar problem that several people seem to be having, i can’t view the backgrounds on an iPad. i can’t find any reason why the jQuery wouldn’t be loading correctly, but all i’m getting is my own background image ( a logo which i’ve set in the initial body background).

    Is it possible that this is something which i’ve added that may be causing iOS to negate loading of the background images?

    ·

    • Si Author Editor

      Found the problem – in my HTML, within the jQuery function listed in the head of the document, the last slide had a comma:

      {image : ‘images/backgrounds/background02.jpg’, title : ‘Image Credit:’, thumb : ”, url : ”},

      but this should have been

      {image : ‘images/backgrounds/background02.jpg’, title : ‘Image Credit:’, thumb : ”, url : ”}

      :)

      ·

  285. Ion Author Editor

    Hi,
    I have a problem with this Jquery Plugin on Ipad. Have someone a solution for this? Please help, is verry important for me. Thanks in advance

    ·

    • Si Author Editor

      What is problem

      ·

      • Ion Author Editor

        The jquery slideshow is working fine with 5-6 photos but with more than 10 photos after i resize and/or zoom photo it the web browser crash. Any solution? Thanks

        ·

  286. vishal Author Editor

    hello i have used this frame work but next previous button for gallery in not working however i have enabled it and tried all things but its not working when i enable keyboard navigation its working but the next previous arrows do not work can you help?

    see gallery section

    ·

  287. vishal Author Editor

    hey some how i have managed to add next previous arrows but one anther problem is
    gallery tab
    when i click the link first on gallery tab js is working but after clicking anyother tab and then again i click gallery link then tab js does not work what should be the reason??

    ·

  288. vishal Author Editor

    hey i found it my self..done its awesome

    ·

  289. Jnonymous Author Editor

    Would it be possible to control where the image scales from?

    I’d like to scale a photo from the horizon line, wondering how hard that would be & if it is possible.

    Thanks!!

    ·

  290. Moe Author Editor

    Outstanding plugin…!!!

    I’m just wondering why in Chrome I can see my content div with the full-screen images dissolving in the B/G however when I preview my site in IE 8 I see the supersize plugin images dissolving in the B/G but cannot see my content div.

    Anybody experience this…?

    ·

  291. pierlo Author Editor

    I need help understanding what’s going on with the slides getting crazy when I try to change slides programmatically (for some reason after a few times the slideshow gets super quick).

    All i’m doing is swap the “slides” array inside an options array, and re-instantiating $.supersized(my_options) when needed. Before doing that, I also call .empty() on the #supersized ul.

    I see the updated pictures, but for some reason the interval speed gets real fast after a few calls to this re-init function… but I don’t understand why! Also, as a sidenote, calling api.options.slides_interval returns the right value (2000) although the slides are cycling at a much faster pace (i’d say around 500ms)

    Any help would be greatly appreciated. Also, fwiw, I’d definitely suggest having the possibility to change slides through an api call part of the codebase… seems like i’m not the only one asking for this if you look around!
    Thanks anyway for the great plugin,

    Pierlo

    ·

  292. Martin Author Editor

    hi,

    searching for way having multiple images fullscreen in different div,s…any idea?

    ·

  293. Si Author Editor

    Back again! Has anyone out there managed to figure stopping the slideshow after the last slide has played? I know there is supposedly an API call for this to toggle, but i can’t for the life of me figure how and where to put this!

    ·

  294. Vinlock Author Editor

    Hello,

    I was wondering if it was possible to have it only preload a certain amount of images every few slides or so.

    My slideshow is going to grow to about a 4000 images expected.

    I wanted to optimize it so that it doesnt take years to load the page. Thanks!

    ·

    • escoba Author Editor

      miha asked fot that too…
      any progress in optimized preloading?

      in my case the files a retina enhanced and on mobile device the slideshow loads quite a time with 17 images …

      ·

  295. J R BERNSTEIN Author Editor

    Sam, thank you for such a great plug-in!

    I’ve been using the Supersized plug-in for a while, and I love it. The one problem I’m having is getting Google to index the images on my site. As my site is a photo gallery (and not much else), my main content are images, which Google doesn’t seem to pick up when indexing my site. Which, as a photographer, is bad.

    Does anyone have any suggestions to get Google to fully index all the images in my gallery? The same issue effects how Facebook sees the site and picks up images too.

    On a similar topic, is there any way to link directly to a specific slide? (I.e., http://www.website.com/slide5)

    ·

  296. Chris Author Editor

    Hello,

    I am trying to work around an issue im having with supersized.

    It works great with the images all in one line but I need to make it so the slideshow has a down button added to it to slide down as well as left and right. The example I have is this website

    http://matthewhilton.com/

    Ifanyone can help with a little code or any ideas of how to make the slideshow show images left and right but also down any help would be greatly appreciated.

    ·

  297. monno Author Editor

    Hello there, anyone knows why pinterest’s “pin this” button (even if used via sharethis) won’t show images under supersized?
    Thanks!

    ·

  298. keblur2050 Author Editor

    what inputs are needed for flickr. entered group# with no luck.

    ·

  299. Richard Horne Author Editor

    Hello. I’m using the Supersized plugin to great effect and love its use. However, is there a way to display a different DIV with each slide?

    I want to use it to create an online store and have each image as an individual product product so want to create a BUY NOW product for each image, but with the image description and add to basket buttons changing on each transition?

    Is this possible?

    ·

  300. Sol2010 Author Editor

    Hi – I am calling slide dynamically and everything works perfectly but IE

    I get this error:

    Message: ‘base.options.slides[…].thumb’ is null or not an object

    I think this is doe to the final comma not being removed from the slides section. Any ideas how to filter that for IE ?

    http://stackoverflow.com/questions/10794009/jquery-supersize-show-ie-error

    ·

  301. rajiv Author Editor

    i have to add one extra function in supersized time interval ?how it will do
    pls help me

    ·

  302. Sol2010 Author Editor

    UPDATE: I solved this now :-)

    In case anyone else out there wants to do the same:

    http://stackoverflow.com/questions/10794009/jquery-supersize-show-ie-error

    SAM – Thanks for this great Jquery script! Hats off to you.

    ·

  303. WebZap UG (haftungsbeschränkt) Author Editor

    Hi all,

    I started using your Slider for my new Project Tenerife Pictures.

    My question:
    How do I deal with google bots? Can I add a Part with all the Images as “normal” images?

    Thank you
    Lennart

    ·

  304. Fuji Author Editor

    Hi Sam, Nice release. I just upgrade from v3.0 to v3.2.7 but somehow my images are distorted. I have images of 1400*952 px. Any thought why?

    ·

  305. AB Author Editor

    Hi, I’ve been using the Supersized plug-in for a while, and I love it. The one problem I’m having is using the supersized with jquery mobile it do not load the images with jquery mobile, any sugestion?

    Thanks

    ·

  306. Dave Author Editor

    The fit_portrait option does not prevent the image from being cropped by its height (but the documentation says id does!) It’s more a fit_any.

    I’d like to have the opposite of fit_landscape. How can i achieve that?

    Thanks and oh eh – great plugin! ;)

    ·

    • Dave Author Editor

      Okay Folks i managed it:

      First i set fit_always to 1… (and of cource the fit_portrait to 0)

      Then i want du the script and searched for the Image Scaling Function (Thanks to Sam the Code Comments are very precise!)

      And somewhere you can change the code to:

      // Otherwise, resize as normal
      thisSlide.width(thisSlide.height() / ratio);
      thisSlide.height(browserheight);
      }

      Voila the Script now always fills the Browerheight and crops the Imageside when the ratio of the Browserwindows is below the Imageratio. On the Other hand if the Browserratio is above the Imageratio the Image will spawn “borders” to the left and righten side.

      ·

  307. Noel Author Editor

    Hi all,

    Is there a version for Joomla 1.5? It would be great!
    If ther is, please let me know to: [email protected]

    Greetings from Nicaragua.

    ·

  308. Bigtop Author Editor

    Cannot get it to load in Windows XP with IE 8 or below. Works fine with Wndows 7. Any suggestions?

    thx

    ·

  309. internettin Author Editor

    Super DEMO http://www.nezihsapka.com

    ·

  310. Shae Author Editor

    I am working on a wordpress site here: http://raymondjungles.com/version2/studio/

    I am trying to get the text content to always align to the right edge of the supersized image.

    Can anyone give me any pointers on how I can achieve this??

    ·

    • sol Author Editor

      @shae

      I think that’s way too much text and defeats the purpose of a full screend slideshow, but hey, just sayin.

      The text looks right aligned fine from my view. What were you expecting.

      ·

      • Shae Author Editor

        I know, and I agree, but my client is adamant about making it that way. The design originally made the images full screen, but now they want the image to always fit with no cropping.

        So, I am trying to figure out a way to make it adjust with the image. Is this even possible?

        ·

  311. Beth Author Editor

    I am looking to use this with vertical images, but the script is rotating them to fit horizontally. Any way to disable that??

    I am using the images inside a div that loads an iframe, because I can’t figure out how to load the slideshow directly into a div without being a background.

    ·

  312. Andrea Author Editor

    Hi!
    compliments for this script!
    an question, why when i add a photoes ({image : ‘img/gallery/1.jpg’, t…) the script cant load nothing? i can see only the progress.gif… please help! :)
    Andrea

    ·

  313. Simon Author Editor

    I’ve been trying to implement this slideshow with a website of mine.

    http://www.davidduggleby.com/viewer/

    All went really well in testing, (approx 100 images) but when I up the number to around 300 the script locks out the CPU on my machine and eventually the script stops responding all together. The worst thing is the actual application will use up to 600 images.

    When I try with that may images the script crashes almost immediately!

    I don’t suppose you know of any solution to this issue?
    I’ve put quite a few hours into this a really don’t want to go back to square one, and the functionality is exactly what I require.. it just doesn’t appear to work with large number of images 

    I’m happy to pay for support and assistance, or the development of a script that would run so many images.
    I’m (hopefully) making money from this so you should too.

    I’m pulling the images from a SQL database on Windows 2008 using .net. I’m currently just populating the “slides [] ” area with 600 + references..
    Anyway, here hoping you can help

    Cheers
    Simon Baker
    Eightlegged.com

    ·

  314. Roshan Author Editor

    Hi, Sam, thank for your hard work, by developing this wonderful plugin, i need to know 1 thing, i have developed a wordpress theme form ” supersized”, what i need to know is how to make image upload section in wordpress to to upload images to supersized gallery.

    ·

  315. Adam Author Editor

    Hi,

    Great piece of code! Only problem is how do I use it? Ive downloaded the files and included them in my site…now what?

    Can anyone direct me to a tutorial? I would be very grateful!

    ·

  316. ony Author Editor

    Hi guys ,

    Don’t know if i’m the only one with this issue, but for some reason in IE first time you load the page the background will not show. If i open the console to trace the code and refresh the page will start working.

    I am passing the slides using an array created before calling the supersized function.
    Did any of you come across this issue before?Works perfectly in ff crome safari.
    there is an example here http://www.evc.ie

    ·

  317. ony Author Editor

    sorry

    the correct link is this http://www.cfp.ie

    ·

  318. Trystram Author Editor

    Hi,

    Sorry for my english… I’m french
    I don’t find any callback function in supersized launch when the load is ready.
    I build one if you interest:

    if (typeof base.options.callback == ‘function’) { // make sure the callback is a function
    base.options.callback.call(this); // brings the scope to the callback
    }
    In launch function (Line 92)

    callback : null // CallBack function
    In default otpion (Line 300)

    You can use it by: $.supersized({slides:[{image:’/static/img/bg-home.jpg’}],callback : function() {
    //action
    }
    });

    Demo : http://smartrecrutement.com

    ·

  319. Cameron Author Editor

    Hi,

    I’m having trouble with the play/pause button and the hide/show for the thumbnails.
    I’m not sure how to reference the file which holds each of the pictures. Initially they show up, but after being activated once they disappear. Any help would be greatly appreciated!!

    Thanks,

    Cameron

    ·

  320. Alain Author Editor

    Ok some of you will say this is the worst idea ever and it’s cheesy, but I think that if it’s done with taste it’ll be great: can we add music to the slideshow?

    ·

  321. Greg Author Editor

    Hello,
    Amazing ! But how can i let the picture at ratio 1?, I would like to keep the images in real size

    ·

  322. Chris Author Editor

    Hi, great script! I’m trying to make the whole slideshow fit within one div on my page. I’ve tried a few of the suggestions for changing resize to element above but nothing seems to work. I’m quite new to all this so probably missing something obvious?
    Thanks

    ·

  323. Katherine Author Editor

    Hello,

    I see a black border on top and left side on certain browsers like safari. How can I avoid that?

    ·

  324. Johan Author Editor

    It is possible to show the slidecaption when you hover the thumbnails?
    Any help with that?

    ·

  325. Malcolm Author Editor

    Hi there, thanks for the great script, I have a particular requirement where the image needs to be foxed to 1024px, is that possible at all?

    ·

    • Malcolm Author Editor

      I found this in the faq section

      “You can define the dimensions by adjusting the #supersized styles in the CSS file. You will want to make all instances of position:fixed -> position:absolute.”

      and tried the following but it does not seem to do anything.

      #supersized {
      position:static;
      top:0;
      width:900px;
      margin-right: auto;
      margin-left: auto;
      }

      ·

  326. Flybutter Author Editor

    I would like to change the slide show to be centered and 400px tall. However I am having a hard time moving the controls up to the bottom of the slide images.

    Seems the controls move with the expansion of the page and always remain at the bottom of the page. How can I get the controls to remain at the bottom of the slides regardless of the page height?

    Thanks.

    ·

  327. jack Author Editor

    php dynamic random slide

    img1->img2->img3(slide end ajax run)
    img7->img8 (slide end ajax run)

    Slide time becomes lag
    Isn’t there any good ideas?

    source code
    jQuery(function($){
    var timestamp = parseInt((new Date)/1000);
    $.ajax({
    url: ‘index.php?’+timestamp,
    dataType: ‘json’,
    success: function( data ){
    supersized_init(data);
    }
    });
    });

    function bgslide() {

    if(vars.current_slide == api.options.slides.length – 1){
    var timestamp = parseInt((new Date)/1000);
    $.ajax({
    url: ‘index.php?’+timestamp,
    dataType: ‘json’,
    success: function( data ){
    runSupersized(data);
    }
    });
    }
    }

    function runSupersized(data) {
    if(vars.current_slide == 0) {
    resetSupersized(data);
    if(timerID) {
    clearTimeout(timerID);
    timerID = null;
    }
    } else {
    timerID=setTimeout(function(){runSupersized(data);}, 100);
    }

    }

    function resetSupersized(obj) {
    $(“#play-button”).empty().remove();
    $(“#thumb-list”).empty().remove();
    $(“#thumb-back”).empty().remove();
    $(“#thumb-forward”).empty().remove();
    $(“#supersized”).fadeOut(‘fast’, function() {
    $(‘#supersized-loader’).empty().remove();
    $(‘#supersized’).empty().remove();
    $(‘#hzDownscaled’).empty().remove();
    $(‘body’).append(”);
    if($.supersized.vars.slideshow_interval){
    clearInterval($.supersized.vars.slideshow_interval);
    };
    // Animation complete.
    $(“#tray-button”).fadeIn();
    $(‘#thumb-tray’).html(”);
    supersized_init(obj);
    });

    }

    function supersized_init(obj) {

    $.supersized({
    on_new_slide : function(){bgslide()},
    slideshow : 1,
    autoplay : 1,
    start_slide : 1,
    stop_loop : 0,

    slides : obj,
    });

    }

    ·

    • jack Author Editor

      It came to operate correctly.

      To the inside of supersized.3.2.8.js

      all setInterval

      Before

      if(vars.slideshow_interval) {
      clearInterval(vars.slideshow_interval);
      }

      add

      ·

  328. kushtrim Author Editor

    hi Sam

    thank you for that wonderfull plugin. i am using it for a presentation and i have a question:

    is there a way to put also html/video/swf content as a part of jpgs? it would be perfect.
    thank you

    ·

  329. Marc Author Editor

    can anyone help me?

    i am using the “Thumb” image on mouseover to change the background image ( slide it) but i want to be able to add a link/url to the thumbnail to be brought lets say to google.com.

    the URL in the code only lets me make the background clickable but i would like the thumbnail to be able to be clicked.

    thanks

    ·

    • Pierre Author Editor

      Hello,
      I have the same question. Do you find a solution ?
      Thank you.

      ·

  330. Christian Author Editor

    Hey there!

    Supersized is a great tool to display images.
    BUT, the biggest issue: It doesn’t work on iOS Devices.

    As written above, mobile safari crashes if the total amount of images exceeds 15mb.

    I think i will speak for everybody, we’ll need a fix for that,
    as the amount of mobile devices increases.

    ·

  331. Roxanna Author Editor

    I would like someone to be able to click on my supersized images and then be taken another page on the site.

    I have the supersized slides on the home page only.

    I uploaded my supersized slides in NextGen gallery and then set Superslides plugin up to get images from the NextGen gallery.

    I use the Nextgen-Gallery-Custom-Fields plugin with NextGen gallery. So I thought the slides would go to the link indicated but they do not. Do you have a solution?

    Thank you,

    ·

  332. tim Author Editor

    Hello all,

    I would love to use Supersized and have been trying to figure it out for hours. Unfortunately this is my first time using any jquery. (and I have only made two or three websites in the past).

    I was just wondering how I can test this on my local computer without uploading it to a live site?

    And, can I specify a folder for Supersized to automatically display all the images in that folder in the slideshow, without providing a path for each individual image?

    I would greatly appreciate any help! Thank you!

    ·

    • tim Author Editor

      Ok I found the information about the php way of detecting the images. But I still just can’t get past the simplest problem…getting the images to appear!

      ·

  333. tim Author Editor

    Nevermind! Got it!

    ·

  334. Vatos Author Editor

    Unfortunately this doesn’t work for me at all. I put the files in the right place and edited my theme header.php file copied the very basic code in there and it didn’t do anything. I’m using WP 3.4.1.

    ·

  335. Andreas Author Editor

    Hi,
    great plugin, very nice effect!

    A small feedback on the code: As far as I can see, the api object is just a global object.. I get the idea this is quite the namespace pollution. Probably better to name it something with supersized* ?
    And same thing with the theme object.. that’s also a global var?

    If all plugins would do that, you would have nameclashes all day :)

    ·

  336. Ramesh Author Editor

    this is not working in IE….can any one help me out…pls..

    ·

  337. joshy Author Editor

    anybody know ,how to display top menu and footer menu outside image

    ·

  338. joshy Author Editor

    how to give outer line

    ·

  339. joshy Author Editor

    anybody know how to give the outerline for the image

    ·

  340. Andrew Author Editor

    When the image that is to load after ‘activeslide’ preloads, sometimes the ‘top’ declaration is not getting updated when it becomes ‘active slide’ and the image renders halfway down the page. Any ideas? ( 3.2.7 )

    ·

    • Andrew Author Editor

      If I clear my cache everything is fine. If I then resize the window everything is fine. If I resize the window and then refresh before the slideshow completes a full rotation, these strange sizing/placement issues start. Also, it seems to be only the last slide in the group that does the dropping down halfway thing. Sometimes a random image will have letterbox-like bars on the top and bottom.

      ·

  341. eran Author Editor

    hi,
    thanks its great!

    can it work inside div

    like:

    ?

    ·

  342. David Author Editor

    Anybody know if this has touch-swipe for iPad?

    Thank you,

    David

    ·

  343. Merrill Author Editor

    I know this is a long shot but I have a client that is using a windows phone. Supersize slide show which otherwise works great ends up in just a small corner on that device.

    Any ideas for a work around?

    thanks.

    ·

  344. Corey Author Editor

    SUPERSIZED CAUSES IPAD TO CRASH HELP!!!!!

    is anyone else experiencing this problem?

    i am using newest iPad. i have read that others have experienced this problem as well regardless of image size and quantity.

    ·

  345. Keith Author Editor

    Hi!
    I’m super new to anything js or jquery and I think I’ve finally gotten the hang of implementing your awesome script.
    I just had one question and perhaps it was already answered: Is there a way to turn off or change the default black-ish background behind slides that are not full screen width? I have a nice bg image I want to show through behind the supersided slides and I can’t seem to turn off the default color.
    Thanks!

    ·

    • Jan Author Editor

      Hi Keith,

      Not a Supersized specialist myself, but I just tried and think that changing the background of “supersized li” in slideshow/css/supersized.css accordingly might be what you are looking for.

      Hope this helps!
      Jan

      ·

  346. Greg Author Editor

    Hello,
    First of all, great plugin, many thanks for that!
    I’m working on a single page website, structured as below. What do I need to do if I want a different full screen background image on each section? (presentation, services, contact)?
    Many thanks for your help

    Greg

    css:

    #presentation {
    height:1100px;
    width:100%;
    background:#afc9ff;
    padding-top:110px;
    left: 50px;
    }
    #services {
    height:1100px;
    width:100%;
    background:#8aba56;
    padding-top:150px;
    }

    #contact {
    height:1100px;
    width:100%;
    background:#9b70c0;
    padding-top:150px;

    ·

  347. becana Author Editor

    Can anyone suggest a method to completely disable this script on mobile. I don’t really want to force users to download massive background images on their phone… and it frankly doesn’t work that well on mobile anyway.

    ·

  348. Mitchell Lasting Author Editor

    Hi Sam,

    I’m using the latest version of Supersized… Great work!

    I’m having an issue creating another set of Arrow Navigation (#prevslide, #nextslide).

    Can someone explain to me how to create another set of Arrow Navigation (#prevslide, #nextslide).

    Thanks!

    ·

  349. Mike Author Editor

    All of my background images load until i try to put in an image overlay for each slide. The problem occurs when I tag my ul with id=”supersized”
    Once I do this only my background images on slides 1, 2, and 9 load. 3-8 only show the background color and the overlay image.

    ·

  350. payday loans Author Editor

    On top of that, you may do a comparison of unique estimates of low-priced personal loan which enable it to also avail significant amount of price cut. On the internet personal loan is definitely an great way to find loan at low-priced premiums. All you need to do is to load an on-line application, which necessitates your household evidence, salary resistant and so forth. Right after verifications you will definately get the amount of money transferred in the bank account. http://cheapuggsboots-uk.com/ Becasue it is identify implies transaction name because of this loan design is small. Loan company approves the application for the condition that you pay off loan amount right up until subsequent payday otherwise fees charge are going to be recharged with the apr. This loan plan besides enables you to paying off the time but in addition to develop reliability. Kelse Roy is a while professional inside the personal terminology. Creating on distinct loan connected issues isn’t only his passion and also his devotion towards personal segment for offering a lot of loan seekers. For extra information about 1 month loans, two 30 days loans, 3 month loans , 8 week loan check out

    ·

  351. payday loan Author Editor

    Lenders generally neglect a bad credit score background and low credit score rankings, simply because fast cash loans derive from the employment status in the debtor. The interest rate costs on quick cash loans are stored on the better aspect. The normal Interest rate for the swift cash loan can be concerning 9Percentage and 30Percent. Nevertheless, loan providers these days are progressively more asking for costs instead of the interest on quick cash loans. http://catalogov.net/ Because the climb of payday loans, progressively more payday loan merchants came to come up. Every single payday loan retailer carries a payday loan present specific for the other, in some good sense, all of them share the exact same intention and that is certainly to provide people admission to small , near future payday loans. In fact, finding out a payday loan retail store is easy. They even can be seen online and they can be situated all over the world. Lots of have believed that a payday loan shop will help them get the cash they desire for no matter what disaster demands they will have. The payday loan merchants can certainly direct you towards acquiring cash quickly at any given time by far the most. But, will be the payday loans that this payday loan shops supply simplest way to obtain income rapidly? Using the payday loan propaganda, everybody needs a payday loan.

    ·

  352. Bill roberts Author Editor

    Hello and thank you for this wonderful plug-in.

    Wondering how to go about switching to another set of slides without a postback?

    ·

  353. superdoers Author Editor

    Hi,

    first thanks for this super plugin. a Must!

    I just notice by that there is a problem with ANDROID on SAMSUNG TABLET 10.1

    The background doesn’t use the full size of window.

    I thougt it was a bug on my code, but I met this problem on some website you have on you showroom, on this page, like
    http://www.februe.de/, for example.

    The websie I recently built with supersized and meet the problem is here:
    http://www.guillaumephotography.com/

    If someone can reproduce the problem, and help for solution, thanks! :)

    ·

  354. Kevin Riemens Author Editor

    Hi Sam,

    I love supersized and have used it many times now in the past and will continue to use it. I first used is with version 2.0. Now with 3+ you’ve added tons of cool functions and options, there’s only one thing I’m missing from 3+.

    In 2.0 the script would fill the browser, keeping the aspect ratio (so resize, and crop if neccessary). I can’t seem to do this with 3+. No matter wat setting I use is keeps changing the aspect ratio to fill everything, execpt for the always fit option, which keeps the aspect ratio, but that doesn’t fill the the browser.

    Is there a possibility to have the have an option called “use 2.0 resizing”?

    Hoping to hear from you soon!

    Kevin

    ·

    • Kevin Riemens Author Editor

      I’ve already fixed it using the supersize CSS. Instead of using the 100% width for the “#supersized a”, i’ve put it on a fixed px width, becuse my images are the same size anyway.

      Thnx again for a great plugin!

      ·

      • Geoff Author Editor

        Thanks for posting this fix. Exactly what I needed to retain the aspect ratio.

        ·

  355. Carlos Author Editor

    Hi,
    i’ve a question, when can I create a link on all images of my slode?
    thanks,
    C.

    ·

  356. Carl Author Editor

    Hi Sam,

    This module is amazing, I love it but I’ve just one problem.

    How can I create links on the images of my slide like in the demo site?

    thx,

    C.

    ·

  357. Adam Author Editor

    Hi Sam,

    I absolutely love Supersized!!

    I’m having a Chrome specific issue. Maybe if Sam can’t help somebody else can. The thumbnails across the bottom do not scroll smoothly at all on Chrome. It’s worked fine in Chrome on localhost. Works fine on the server on Safari and Firefox.

    I have no idea what’s going on… http://www.nostalgialab.info/portraits.html

    Thanks in advance.

    ·

  358. payday loan Author Editor

    With this credit score I recoverable my all slide-advantages and arrived at my colourful happy lifetime and from now on I l living the gold days of living even if of Poor credit cash loan. I have no terms to say thank you to Less-than-perfect credit cash loan its over satisfaction. Is maximum project of A bad credit score cash loans to support the unhappy, pessimist human beings and set them out from the economic complications. Labels on homeopathic products poor credit cash loans present its loans to the individuals who should pay his dept fast, or experiencing any sort of monetary difficulty. Should you be also apprehensive, irritated, and exhausted from your financial position then you’ve a wonderful chance by means of Below-average credit cash loan delays to suit your needs having a promises to adopt back your most happy days of existence. Everybody have got a straight to live a happy healthy lifetime just before plus following your mistakes. http://anqaa.net/ Get Secured Without the need of Security Personal Loan For Actuel Great britain Private dreams are infinite however the economical aid is proscribed. This is actually the ailment of most of the people in UK. They might search for usecured bank loans by allowing their residence as basic safety to your mortgage lender but there are folks who don’t possess anything to offer on the loan provider. These people are house owners PGs or is usually called as not-home owners. For these people, a personal loan for tenant British can hold their needs. Personal loan for tenant Britain are financial products which doesnt require you to present any equity to the bank. Mortgage lender asks for your credit score as assurance on their loan sum. So make sure to have awareness about your credit score although utilizing.

    ·

  359. Priscila Roeder Author Editor

    Hello, is to resize the size of it?
    I wanted something less, I loved it, just can not decrease the size of it.

    Thank you

    ·

  360. payday loans Author Editor

    Inside finance earth, folks know of the two categories of loans you are Collateralized Loans along with is Unleveraged Loans. To find the loans now turn out to be quick in the online products and services, the spot where you will can buy the just about any loan. Hassle-free Fund Heart British, you easily can discover the loan in the variable fashion. Since we are related to top rated lenders plus the credit providers which will apply for you collateralized loan on your own terminology which fits to your bank account. Perfectly sort in this article you’ll find that you can buy the a lot of specifics of these loans. To achieve the attached loan, you have to submitted a tool or a guarantee for the safety which can be your house or auto, for example. The components of Properly secured Loans, lender demands any basic safety from the loan amount of money for being anchored. Since you provide you with the safety measures against the loan sum to lender, a person’s eye price will get low. http://suprashoes1.com/ Quick loan varieties – How they can match your important fiscal wants If you are going through mid-thirty day period personal contingencies, you could get short term loans it to be readily possible to produce payments and leave the vicious loop of credit debt. Most loan companies like the lending institutions and lenders supply short term loans which could readily help the economically needy and make them pay their debt collectors on time. Like loans are obtained momentarily of their time and you’ve got to pay off them in just a agreed time frame so that you will not accumulate large amount to the amassed home interest rates. For example of short-run loans that you could sign up for to meet up with your core-30 days personal troubles. Emergency cash loan: For anyone who is in instantaneous need of cash and you do not possess enough time to lose time waiting for authorising a loan, you’ll be able to remove a serious event cash loan by way of which you could immediately get cash into your bank account. If the youngster continues to be struggling for some time and you could pay back the hospital bills you have accrued within the medical, it is possible to sign up for a really loan to hide the medical bills or another unexpected expenses. When the traditional bank that you’re taking into consideration is just not group together with you, you can get help from an area bank.

    ·

  361. Thomas BRAULT Author Editor

    I wa

    ·

  362. Thomas BRAULT Author Editor

    I want to share with you my production with you fabulous plugin : http://www.kilometres-et-megapixels.com/ I modify a little bit, to have a new functionality :

    – Alignement on image with 2 parameters : verticel_center: 0 / 1, and horizontal_center: 0/1.

    ·

  363. Lokasyon bazlı indirim Author Editor

    thanks for sharing. looks awesome

    ·

  364. Sergio Author Editor

    Hi, first I want to say that this plugin is awsome.

    I could implement the plugin but I want to know if I can make that the all the supersized div scroll up like this site. http://www.surfcampinportugal.com/ . they use supersized too. Thanks

    ·

  365. Jesus Author Editor

    This is a great plugin.

    I was just wondering is there an option to have the plugin enter into fullscreen mode, have the plugin play outside the browser window and take up the entire screen.

    ·

  366. Mike Author Editor

    I’m trying to make a link/image have its css change when a specific slide becomes active.

    I’ve put

    if (vars.current_slide == 1){
    (‘#navone’).addClass(‘.active’);
    } else {
    (‘#navone’).removeClass(‘.active’);
    }

    In the afterAnimation : function(){ section of supersized.shutter.js but it doesn’t seem to be doing anything at all. Any advice?

    ·

 

Build Internet by One Mighty Roar. Since 2008.