UPDATE: WP Supersized is now at version 3.0.2. It now allows the use of images from NextGEN Gallery, the WordPress Media Gallery, your own choice of directory within the wp-content folder, or a list of slides defined in an xml file (for advanced users). See the changelog.
PayPal — The safer, easier way to pay online.

After my previous tutorials about the integration of Supersized 3.1 and 3.1.x in WordPress, I had started to write an updated version of those tutorials. Until I realised that I should really use my understanding of this integration of Supersized in WordPress in a better way.
Why not write a plugin that would seamlessly integrate Supersized in WordPress, without the user having to modify his templates ?
I quickly read a book about WordPress plugins and I analyzed several plugins that I was using on my WordPress install. Armed with this information and my fresh and limited PHP knowledge, I decided to take up the challenge and write a WordPress plugin.
After several evenings of hard work, here is the result: WP Supersized.

Download WP Supersized here

WP Supersized gives you the ability to easily integrate the Supersized jquery extension in the pages/posts you want.

I am not the developer of the Supersized jquery extension itself. It was written by Sam Dunn. My plugin only integrates it into your theme and gives you easy access to many options for displaying this full screen resizeable slideshow background where you want on your website or blog.

I have now moved all the FAQ and other details to the WordPress plugins repository. Much easier to maintain. So, please go to the FAQ for more details.

Do not hesitate to comment this post if you need help or if you want to say how good my plugin is 😉

661 comments so far

Add Your Comment
  1. hi ben
    i just upgraded wordpress to 3.9.1 and the super size plugin to 3.1.6
    the loader just spins now
    i have checked the folder and it is fine
    checked for debug comments in source but could not find them
    any ideas?
    perhaps it is not ready for latest wp?

  2. Hi,
    There are different options at the transition, but it doesn’t matter which transition I choose and save, it’s always fading. The other transition options don’t work?

  3. Hi,

    I have a background image that I am trying to set up using this plugin. I can see at the bottom of my page that the background image is there, but for some reason it seems trapped behind the background of the theme we are currently using. I am able to see the WP Supersized image only across the very bottom. Do you have any suggestions about how to replace the plain background color of the theme with the plugin image?

    Thank you very much for your help!

    • Samantha,
      You need to check which background image stands in the way (use Chrome and its developer tools for that, very useful). Once identified, you can modify the css of your page to remove that particular image.

  4. Hi Ben,

    The actual plain background color of the theme is what’s blocking the image I have attempted to install using this plugin. Is there a known issue of this plugin not working with the Fotographia theme?

    Thank you!

  5. Hi,

    I am enjoying a lot your plugin. My problem is that with the transition effects, only fade works seamlessly while the others (i am using slide) the images slide in and then immediately disappear for the duration of the image and then the next image slides in and does the same.

    What could be the problem?

    Thanks in advance!

  6. Hi there,

    I’ve got a site that I am integrating with NextGen Gallery.

    There are 2 levels, a Portfolio and each Individual Project. Both levels require sliders of which I need the Portfolio to show the first image from each project.

    With NextGen Gallery, you can create an album which holds the first image of each Gallery. Is there any way currently of being able to display the album as a background for WP Supersized? The only solution I can see without modifying the plugin is to create an individual gallery purely for the Portfolio page but this isn’t so ideal as it’s not automated.

    Thanks in advance!

  7. […] Supersized desarrollado por el talentoso Ben De Boeck del World In My Eyes . Nota: Este plugin está utilizando la versión […]

  8. Hi, I find problem with responsiveness, on mobile version I have stripe from left side (around 20-30px). And I can’t see that on desktop chrome or firefox even when I make windows small…

  9. Hi. When I choose ‘fit portrait’ or ‘fit landscape’ the image is still way larger than the screen and does not shrink down to fit. Any ideas? I’m running customizr theme. Website – http://www.markventer.com

  10. Hi Ben,

    Thanks for this excellent plugin. I have the images set to center vertically and horizontally and chose the ‘Always Fill’ option. I expected a css ‘cover’ sort of effect that would keep the aspect ratio of the images but when I change the browser window size they skew. Any ideas? Maybe a css conflict? thanks!

  11. Hey,
    How about using a custom post type for the image source instead of a directory?
    Create a custom post type, add some taxonomy to each post. Then assign a taxonomy to each page? That could query the database and serve up different images per page.
    ANy thoughts?

  12. Hi Ben!

    Awesome plugin. I’m in the middle of raspberry pi project that will be a “smart picture frame” The idea basically being that I can upload a picture straight from my phone to the picture frame. I’m trying to use this site – “http://simplesmartframe.com/shanekovalsky/” to show the most recent 10 pictures uploaded to flickr. For some reason I’m getting a constant load icon and I cant seem to crack how to fix it. Any ideas?

    Thanks so much for the help in advance!

  13. Hi There,

    Have it running on a site with nextgen gallery. It works fine in Chrome, but in Firefox and IE the slides stop after the second change. You can see it here http://www.canteenstalbans.com.

    Have done some basic debugging and in the eval code vars.in_animation seems to get stuck as true.

    Anyone can help with this?

    Many thanks

  14. Hi,

    Absolutely love your plugin! Although, I’m wondering if it is possible to have it run just for desktop users and just have a plain background for mobile? It seems to be overriding the layout for our mobile version.

  15. Hi Ben,

    great plugin but a small issue, on http://www.enitan.co.uk
    as you can see as the background image animates, there is a black line that appears on the left side.
    I have tried altering the fit image property but still to no avail.

  16. sorry for the stupid question but it´s not clear to me how I upload just one photo as a background on all my pages.

  17. Hello! I am trying out supersized and I am a little bit lost…
    1) If I am logged in wp admin, I do see the thumbnails(and the navitgation controls) but I do NOT see the full size pictures, know what I mean?
    If I am NOT logged in, I see nothing at all.
    My theme gives me a custom menu to edit each section in my landing(for one page purposes). Maybe wp supersized is not compatible with that? I do see the supersized box below my posts or pages edition but I do not see anything to define the specific place in my landing, for instance.

    I am so sorry to bother you with so many questions, but if you can give me a few clues on this, I would really really appreciate it.

    Thanks in advance!