Supersized 3.2 – Fullscreen Slideshow jQuery Plugin

WRITTEN BY

Sam Dunn

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

Files

Highlights

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

Short URL

Supersized 3.2 – Fullscreen Slideshow jQuery Plugin

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

Introducing Supersized 3.2

Features

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

New in Supersized 3.2

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

Inspiration / Sites Using Supersized

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

Plans for WordPress

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

Comments and Feedback

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

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

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

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

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

I this post. Tweet

More in Resources »

SPONSOR

946 Comments 31 Mentions

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

October 28, 2011 · Reply
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!

October 29, 2011 · Reply
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?

October 31, 2011 · Reply
- Mike Author Editor
  I need do the same thing. I need the Background placed in a DIV. Anyone help?
  
  Thanks
  mike@edmike.com
  
  November 5, 2011 · Reply
- 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!!!
  
  December 15, 2011 · Reply
- 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 ?
  
  January 31, 2012 · Reply
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.

October 31, 2011 · Reply
Bart Author Editor
Sorry. My mistake. I added some transitions and forgot one for prevSlide().
Thanks for this great plugin!

October 31, 2011 · Reply
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

November 1, 2011 · Reply
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

November 1, 2011 · Reply
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!

November 1, 2011 · Reply
- Kerry Webster Author Editor
  http://tympanus.net/Tutorials/CSS3FullscreenSlideshow/index2.html
  
  Looks like a pretty good start to full screen Ken Burns affect.
  
  January 2, 2012 · Reply
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…

November 1, 2011 · Reply
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

November 1, 2011 · Reply
moedas pw Author Editor
You have to believe in yourself . That’s the secret of success .

November 2, 2011 · Reply
full colour leaflet Author Editor
im searching rumantic movie (new)…

November 2, 2011 · Reply
rift platinum Author Editor
You have to believe in yourself . That’s the secret of success

November 2, 2011 · Reply
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!

November 2, 2011 · Reply
- David Author Editor
  Add this to your site’s CSS file
  
  @media print {
  #supersized, #supersized img {display: none;}
  }
  
  November 14, 2011 · Reply
  - Nuno Author Editor
    Sorry David, no luck…
    
    Thanks anyway…
    
    November 15, 2011 ·
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.

November 2, 2011 · Reply
- 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
  mike@edmike.com
  
  November 5, 2011 · Reply
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

November 2, 2011 · Reply
- Mike Author Editor
  Have you had any luck?
  
  November 5, 2011 · Reply
  - PedroR Author Editor
    No. I did with jpgs.. :(
    
    November 28, 2011 ·
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.

November 3, 2011 · Reply
- 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:
  
  November 4, 2011 · Reply
  - Ron Author Editor
    Sorry – this board is mangling code. This is wrapped in a onclick:
    
    document.location.href=’test.php?id=’+makelink();
    
    November 4, 2011 ·
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?

November 3, 2011 · Reply
Holger Author Editor
Hi there,
Can anyone please post an example for api.goTo?
Can’t get it working. Please…

November 3, 2011 · Reply
- cirmiz Author Editor
  I wrote a ( double ;( ) post with code stripped example doh… i guess is better to take a look at this example
  
  http://www.cirmiz.eu/supersized
  
  November 7, 2011 · Reply
  - Tina Sains Author Editor
    Hi Cirmiz,
    
    You seem to have good knowledge of Supersized plugin.
    Could you please help me this?
    
    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.
    my email : 415764@gmail.com
    
    February 5, 2012 ·
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

November 3, 2011 · Reply
- 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.
  
  November 9, 2011 · Reply
  - 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!!!
    
    November 10, 2011 ·
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…..

November 4, 2011 · Reply
- 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
  
  January 25, 2012 · Reply
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

November 4, 2011 · Reply
Wang Author Editor
I need to change the slider images dynamically?
Do you know how to do?
Please let me know.

Thanks

November 4, 2011 · Reply
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

November 5, 2011 · Reply
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!!

November 5, 2011 · Reply
John B Author Editor
What is the recommended size for a thumbnail image?

November 6, 2011 · Reply
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

November 7, 2011 · Reply
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 ;)

November 7, 2011 · Reply
Nuno Author Editor
Hi
Is threre a way to change the slideshow images when user clicks on a page link?

November 7, 2011 · Reply
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.

November 9, 2011 · Reply
- Jose Author Editor
  I think that’s can be an option.
  
  November 9, 2011 · Reply
- 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.
  
  December 5, 2011 · Reply
Jeff Author Editor
Hi, can anyone post an example for theme.beforeAnimation( )?
I can’t figure out how to bind it…
Thanks!!!
J.

November 9, 2011 · Reply
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.

November 11, 2011 · Reply
- 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!
  
  January 13, 2012 · Reply
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….

November 11, 2011 · Reply
- 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
  
  November 12, 2011 · Reply
- 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…………….
  
  December 4, 2011 · Reply
blazej Author Editor
Can you say how to move Thumbnail tray to the bottom of the page after I click tray arrow?

November 11, 2011 · Reply
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!

November 11, 2011 · Reply
- 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.
  
  November 11, 2011 · Reply
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!

November 12, 2011 · Reply
- CDI Author Editor
  I´m having the same problem…
  
  December 1, 2011 · Reply
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

November 14, 2011 · Reply
- Sam Dunn Author Editor
  Please look at the FAQ http://buildinternet.com/project/supersized/faq.html#q-1
  
  November 14, 2011 · Reply
- Beke Author Editor
  Eduardo, how did you managed to add those ‘comments’ dynamically by each image? please contact me:
  
  beke_otne@hotmail.com
  
  many thanks!
  
  November 25, 2011 · Reply
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.

November 14, 2011 · Reply
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

November 15, 2011 · Reply
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

November 15, 2011 · Reply
- Lutz Author Editor
  Excuse me Sam.
  A great THANK YOU for this great Plugin! Great piece of Work!
  
  November 15, 2011 · Reply
- 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!
  
  November 24, 2011 · Reply
  - Donny Author Editor
    Sabrone, do you have a working sample online?
    
    January 6, 2012 ·
- 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.
  
  December 10, 2011 · Reply
- 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
  
  February 21, 2012 · Reply
- Scott Author Editor
  Thank you Lutz! That was exactly what I needed!
  
  And thanks Sam – this plugin is awesome :)
  
  March 23, 2012 · Reply
- 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!
  
  May 17, 2012 · Reply
Juck Author Editor
Hey,
is it possible to apply a fade in effect to the first slide?

November 16, 2011 · Reply
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?

November 16, 2011 · Reply
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.

November 16, 2011 · Reply
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

November 16, 2011 · Reply
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.

November 17, 2011 · Reply
- 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.
  
  November 19, 2011 · Reply
- Tina Author Editor
  same here….desperately hoping someone knows why!
  
  November 21, 2011 · Reply
  - Emre Author Editor
    Weird javascript error. One solution is required..
    
    November 23, 2011 ·
  - 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.
    
    December 5, 2011 ·
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

November 18, 2011 · Reply
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

November 18, 2011 · Reply
Simon Author Editor
Is there a way of adding more than 9 slides?

November 19, 2011 · Reply
Denoizzed Author Editor
Is it possible to get the title of previous / next slide?

Thanks!

November 19, 2011 · Reply
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!

November 21, 2011 · Reply
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

November 21, 2011 · Reply
Tina Author Editor
I can’t get past 9 slides. Has this been resolved?

November 21, 2011 · Reply
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.

November 21, 2011 · Reply
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.

November 22, 2011 · Reply
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

November 23, 2011 · Reply
- 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
  
  February 7, 2012 · Reply
  - frafu Author Editor
    Hi,
    
    Thanks for the instructions, but it does not seem to work:
    http://www.artistekescht.lu/site/gallerie_rvkinnigin_photos.php
    
    April 27, 2012 ·
  - 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.
    
    April 28, 2012 ·
  - 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.
    
    April 28, 2012 ·
Tobias Author Editor
Is there any way to change the cursor for when hovering the background?

November 23, 2011 · Reply
- 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;
  }
  
  February 14, 2012 · Reply
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

November 23, 2011 · Reply
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 !

November 24, 2011 · Reply
Emprego Author Editor
I love this plugin. Thanks.

November 24, 2011 · Reply
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

November 24, 2011 · Reply
- 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
  
  November 24, 2011 · Reply
ads-friday Author Editor
Hey Great scripts thx.

November 25, 2011 · Reply
Emre Author Editor
I can’t get past 9 slides. Has this been resolved?

November 26, 2011 · Reply
- Sam Dunn Author Editor
  This sounds like an error with implementation and formatting, please check the FAQ.
  
  November 26, 2011 · Reply
Peter Author Editor
I would like to know the same like above.

Can I implement the slides in a HTML-List?

November 28, 2011 · Reply
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

November 28, 2011 · Reply
- simone Author Editor
  Hi Birgit! Did you resolve this problem?
  thank you
  
  May 17, 2012 · Reply
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

November 28, 2011 · Reply
- 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
  
  November 28, 2011 · Reply
  - Sam Dunn Author Editor
    I would make sure you are using the newest version – 3.2.6
    
    November 28, 2011 ·
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

November 28, 2011 · Reply
- Robin Author Editor
  And me, Rob1P, I want to know why you use my pseudo to post again?…
  
  December 18, 2011 · Reply
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?

November 29, 2011 · Reply
- Sam Dunn Author Editor
  This would require some PHP to read the folder and then populate the slides array in the options.
  
  November 29, 2011 · Reply
Christian Author Editor
Two Requests:

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

Any ideas?

November 30, 2011 · Reply
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

November 30, 2011 · Reply
- 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.
  
  November 30, 2011 · Reply
  - 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 !
    
    December 1, 2011 ·
  - 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.
    
    December 1, 2011 ·
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

December 1, 2011 · Reply
- Dave Author Editor
  http://www.fontsquirrel.com will turn your font into a websafe font. All the instructions are on the site.
  
  January 10, 2012 · Reply
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 + ‘%’;
}
}

December 1, 2011 · Reply
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

December 1, 2011 · Reply
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://buildinternet.com/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

December 1, 2011 · Reply
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://buildinternet.com/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

December 1, 2011 · Reply
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

December 2, 2011 · Reply
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?

December 2, 2011 · Reply
Mickey Author Editor
Hi,

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

Thanks

December 2, 2011 · Reply
- 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.
  
  December 3, 2011 · Reply
  - 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.
    
    December 3, 2011 ·
- gto Author Editor
  Here is an example. Hope it helps.
  http://jsfiddle.net/sam0/7Khg8/
  
  December 4, 2011 · Reply
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!

December 3, 2011 · Reply
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.

December 3, 2011 · Reply
- 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!
  
  December 5, 2011 · Reply
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?

December 4, 2011 · Reply
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

December 4, 2011 · Reply
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?

December 4, 2011 · Reply
- ashorlivs Author Editor
  Is there any chance that you’ve find a workaround for this?
  
  I have tried:
  
  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.
  
  December 14, 2011 · Reply
  - 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»
    
    December 14, 2011 ·
  - 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
    
    December 18, 2011 ·
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);
});

December 5, 2011 · Reply
marlene Author Editor
Hello,
has anyone solved this little bug yet?

When I open the page with the gallery (for example the demo http://buildinternet.com/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

December 6, 2011 · Reply
- Sam Dunn Author Editor
  This bug should have been fixed with the release of 3.2.6 – hope that helps.
  
  December 6, 2011 · Reply
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?

December 6, 2011 · Reply
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?

December 6, 2011 · Reply
- 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
  
  December 6, 2011 · Reply
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/

December 7, 2011 · Reply
- 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.
  
  December 7, 2011 · Reply
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.

December 7, 2011 · Reply
- Sam Dunn Author Editor
  Thanks! All references to fixed must be changed to absolute – hope that helps!
  
  December 7, 2011 · Reply
  - 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.
    
    December 8, 2011 ·
photosbyseun Author Editor
Looks great, but need to change the navigation buttons any hints?

December 7, 2011 · Reply
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.

December 7, 2011 · Reply
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?

December 8, 2011 · Reply
- 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.
  
  December 8, 2011 · Reply
  - Lickybuaay Author Editor
    Sorry sam.. in your faq ( http://buildinternet.com/project/supersized/faq.html#q-1 ) doesn’t tell nothing about how to fix the slow stuff in IE 7/8, just tell about how to fix if it doesn’t work. it works in IE7/8 but makes all the other JS code works slow.
    
    Hope you could fix that.
    
    Thanks
    
    March 9, 2012 ·
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….

December 8, 2011 · Reply
- 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.
  
  December 8, 2011 · Reply
  - 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….
    
    December 9, 2011 ·
  - 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!
    
    December 9, 2011 ·
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!

December 9, 2011 · Reply
- Usain Author Editor
  Same problem…
  
  December 13, 2011 · Reply
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

December 9, 2011 · Reply
- 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
  
  December 12, 2011 · Reply
- 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?
  
  February 22, 2012 · Reply
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…

December 11, 2011 · Reply
- Sam Dunn Author Editor
  Supersized is not a native Joomla plugin – it is a jQuery plugin.
  
  December 11, 2011 · Reply
dursun tosun Author Editor
Nice work.. Thank you Sam…

December 12, 2011 · Reply
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.

December 12, 2011 · Reply
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

December 12, 2011 · Reply
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

December 13, 2011 · Reply
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.

December 13, 2011 · Reply
Tácio Author Editor
Hello, how i can start the supersize plugin in my website with fade effect?
Is it possible?
Thanks!

December 13, 2011 · Reply
- Tácio Author Editor
  remember that it’s start without effect, only after it’s work, when i pass to next image!
  
  December 13, 2011 · Reply
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…

December 14, 2011 · Reply
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.

December 14, 2011 · Reply
- 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
  
  December 14, 2011 · Reply
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

December 14, 2011 · Reply
- 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?
  
  April 27, 2012 · Reply
  - 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” .
    
    April 28, 2012 ·
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

December 14, 2011 · Reply
- badi Author Editor
  look for an other script, supersized is made to do for that what you don’t want.
  
  December 17, 2011 · Reply
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

December 15, 2011 · Reply
- 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 …
  
  December 15, 2011 · Reply
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

December 15, 2011 · Reply
Lacioni Author Editor
how do I install in wordpress?

December 15, 2011 · Reply
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

December 17, 2011 · Reply
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!

December 17, 2011 · Reply
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

December 17, 2011 · Reply
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.

December 18, 2011 · Reply
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

December 18, 2011 · Reply
- Aless Author Editor
  a little update,
  with
  
  fit_always: 0,
  fit_portrait : 1,
  fit_landscape: 0
  
  it works just for the first and the last image of the slideshow.
  any suggestion?
  
  December 18, 2011 · Reply
- Sam Dunn Author Editor
  You would just need to turn off the autoplay settings in the Supersized options
  http://buildinternet.com/project/supersized/docs.html#autoplay
  
  December 18, 2011 · Reply
Aless Author Editor
sorry, I wanted to reply to my own comment…

December 18, 2011 · Reply
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.

December 18, 2011 · Reply
- 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.
  
  December 18, 2011 · Reply
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

December 19, 2011 · Reply
- Ahtsham Author Editor
  i have same issue can some help me out?? Thank advance…
  
  January 2, 2012 · Reply
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.

December 19, 2011 · Reply
- 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!
  
  December 19, 2011 · Reply
  - 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!
    
    December 19, 2011 ·
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.

December 21, 2011 · Reply
- Sam Dunn Author Editor
  There is a third party port of Supersized (mentioned in the above post)
  
  December 21, 2011 · Reply
  - Petter Author Editor
    Not found.
    Please send me the link?
    
    Thank you!
    
    December 21, 2011 ·
  - Sam Dunn Author Editor
    Please read the Plans for WordPress paragraph above.
    
    December 21, 2011 ·
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?

December 21, 2011 · Reply
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?

December 21, 2011 · Reply
- Sam Dunn Author Editor
  Tim,
  
  The WP-Supersized plugin was actually done by a third party, I would reach out to them with that!
  
  December 21, 2011 · Reply
  - Tim Mask Author Editor
    Also the theme tells me that the stylesheet is missing. Did it not have a default stylesheet?
    Thanks
    
    December 21, 2011 ·
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).

December 22, 2011 · Reply
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?

December 26, 2011 · Reply
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!

December 27, 2011 · Reply
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!

December 30, 2011 · Reply
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!

December 30, 2011 · Reply
Can Author Editor
Hi Sam,

Its Definitely good bookmarking for future reference.

Regards
Can

January 1, 2012 · Reply
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?

January 1, 2012 · Reply
- Simone G. Author Editor
  Hi Erwin,
  do you find a way to solve this problem?
  I’m looking for the same thing.
  
  Thank you.
  
  March 1, 2012 · Reply
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

January 4, 2012 · Reply
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

January 4, 2012 · Reply
- Sam Dunn Author Editor
  Yes it is! You would just need to use relative paths and store everything locally.
  
  January 5, 2012 · Reply
  - Kathy Author Editor
    Hi again Sam,
    Is there a maximum number of images permitted? If so, can I change that number?
    
    January 5, 2012 ·
  - Kathy Author Editor
    Disregard – I found where I had to edit the comma. Thanks again Sam.
    
    January 5, 2012 ·
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.

January 5, 2012 · Reply
- 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.
  
  January 5, 2012 · Reply
Kathy Author Editor
Thanks for your quick response Sam – much appreciated! Love the plugin.

January 5, 2012 · Reply
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!!

January 5, 2012 · Reply
- 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.
  
  January 5, 2012 · Reply
  - Marcel Author Editor
    Yeah, I thought that… but need to ask =)
    
    Thank you very much! =)
    
    January 6, 2012 ·
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!

January 5, 2012 · Reply
- Sam Dunn Author Editor
  Change all references in supersized.css from position:fixed to absolute
  
  January 5, 2012 · Reply
  - 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!
    
    January 5, 2012 ·
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.

January 5, 2012 · Reply
- 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;
  
  January 5, 2012 · Reply
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!

January 5, 2012 · Reply
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.

January 5, 2012 · Reply
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

January 6, 2012 · Reply
- matt Author Editor
  I was just wondering the same this…
  
  January 6, 2012 · Reply
- Brad Author Editor
  I would also like to see this feature added!
  
  January 21, 2012 · Reply
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.

January 6, 2012 · Reply
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?

January 8, 2012 · Reply
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.

January 9, 2012 · Reply
- 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
  
  February 10, 2012 · Reply
- DOMENICI Author Editor
  Like this site : http://www.mnstr.com/
  
  ;)
  
  February 10, 2012 · Reply
andrew Author Editor
Hi Sam thanks for the slide very nice how put more than 9 pics? thank you good work

January 9, 2012 · Reply
steve Author Editor
Great plugin Sam.

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

TA

January 10, 2012 · Reply
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)

January 11, 2012 · Reply
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”);
});

January 11, 2012 · Reply
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

January 11, 2012 · Reply
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)

January 11, 2012 · Reply
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!

January 11, 2012 · Reply
gimme5kev Author Editor
Hi,

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

Thanks, good job!

January 12, 2012 · Reply
- 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
  
  February 7, 2012 · Reply
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!

January 12, 2012 · Reply
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!

January 12, 2012 · Reply
- telescope Author Editor
  I found this link couple of minutes after my previous post: http://buildinternet.com/2011/06/make-a-fluid-thumbnail-bar-with-jquery/
  
  My bad, I try to make someting out of it :)
  
  -t
  
  January 12, 2012 · Reply
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

January 12, 2012 · Reply
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!

January 13, 2012 · Reply
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!

January 13, 2012 · Reply
david Author Editor
Hi,
Is there any way we can pull images from folder dynamically?

January 13, 2012 · Reply
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!

January 16, 2012 · Reply
thomas Author Editor
Thank you 100 times, this is brilliant! With the demo setup in 5 minutes, perfect!

January 18, 2012 · Reply
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.

January 21, 2012 · Reply
- Ranchesi Author Editor
  Hi,
  
  can you tell me how did you make the centered navigation buttons on that site?
  Did you make it,or you downloaded some version that I cannot find?
  Thank you,
  
  Best regards!
  
  January 31, 2012 · Reply
  - assadotcom Author Editor
    I got inspiration from a site, if you want to download it…
    check it out » http://assadotcom.blogspot.com/2012/01/supersized-under-construction.html
    
    February 1, 2012 ·
- John Doe Author Editor
  Hi assadotcom,
  
  how do you change the original script to work in blogger?
  http://buildinternet.com/project/supersized/slideshow/3.2/theme/supersized.shutter.min.js
  I try to edit it, but the picture button not work.
  
  http://assadotcom.blogspot.com/
  Your blog is awesome!
  
  Best regards.
  
  February 8, 2012 · Reply
  - assadotcom Author Editor
    @John Doe,
    find this code » image_path:”img/”
    and then delete text » img/
    look like this » image_path:”"
    
    hopefully help.
    
    Regard,
    assadotcom
    
    February 11, 2012 ·
assadotcom Author Editor
UpzZz…!!! Sorry, I guess these names is the maker ^_^
@Sam Dunn. Thanks.
You Rock!!!

January 21, 2012 · Reply
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?

January 21, 2012 · Reply
- 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.
  
  January 24, 2012 · Reply
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?

January 23, 2012 · Reply
- 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.
  
  January 23, 2012 · Reply
muthu Author Editor
how to set animation to random

January 23, 2012 · Reply
- 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.
  
  January 23, 2012 · Reply
WGoodman Author Editor
I love the script. Is there any way to get the cation to fade in and out with the image?

January 23, 2012 · Reply
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 ?

January 23, 2012 · Reply
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

January 24, 2012 · Reply
- Simone G. Author Editor
  Hi Nathan,
  do you find a way to solve this problem?
  I’m looking for the same thing.
  
  Thank you.
  
  March 1, 2012 · Reply
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??

January 24, 2012 · Reply
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)?

January 24, 2012 · Reply
- 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?
  
  March 4, 2012 · Reply
- 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
  
  March 4, 2012 · Reply
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

January 25, 2012 · Reply
assadotcom Author Editor
@Sam Dunn,
how to the picture can repeat? I want to use a pattern for the background.

January 25, 2012 · Reply
- Sam Dunn Author Editor
  Unfortunately this is not something Supersized supports.
  
  January 25, 2012 · Reply
  - assadotcom Author Editor
    Mmm… Ok. Thanks Sam Dunn.
    I hope you can make it. Cheers.
    
    February 1, 2012 ·
- 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;
  }
  
  April 30, 2012 · Reply
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

January 25, 2012 · Reply
- 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!
  
  January 26, 2012 · Reply
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

January 26, 2012 · Reply
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

January 26, 2012 · Reply
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

January 30, 2012 · Reply
- Cruz Barcelona Author Editor
  Where you write the captions, do the (caption here) and it will work.
  
  February 1, 2012 · Reply
  - Cruz Barcelona Author Editor
    In the Supersized thingy where the images and captions are just the normal CAPTION HERE and it will work.
    
    February 1, 2012 ·
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!

January 30, 2012 · Reply
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}

January 31, 2012 · Reply
- 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
  
  February 7, 2012 · Reply
  - Jorge Rebollo Author Editor
    … And into “.html” file change:
    
    February 7, 2012 ·
  - 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
    
    February 7, 2012 ·
  - Jorge Rebollo Author Editor
    into “.html” file change:
    //Thumb Tray button//
    ////
    :S
    
    February 7, 2012 ·
  - Jorge Rebollo Author Editor
    into “.html” file change:
    //Thumb Tray button//
    img id=”tray-arrow” src=”img/button-tray-down.png”
    XS
    
    February 7, 2012 ·
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.

January 31, 2012 · Reply
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!!!

January 31, 2012 · Reply
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?

February 1, 2012 · Reply
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 : 415764@gmail.com

February 2, 2012 · Reply
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?

February 2, 2012 · Reply
Khino Author Editor
Hi All,

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

Best regards!

February 3, 2012 · Reply
Federico Author Editor
Hi, is there a way to link the slide caption instead the image?

February 4, 2012 · Reply
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

February 5, 2012 · Reply
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.

February 6, 2012 · Reply
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?

February 6, 2012 · Reply
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

February 7, 2012 · Reply
- Jorge Rebollo Author Editor
  I’ve solved the tooltip! XD
  
  Anyone interested send me an email for more information.
  
  jorgerebolloj@mxcreactivos.com.mx
  
  Greetings!
  
  Jorge Rebollo
  
  February 8, 2012 · Reply
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!

February 7, 2012 · Reply
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() ?

February 7, 2012 · Reply
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?

February 7, 2012 · Reply
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?

February 8, 2012 · Reply
- 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) {“
  
  February 9, 2012 · Reply
  - 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
    
    February 9, 2012 ·
  - 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.
    
    February 15, 2012 ·
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.

February 9, 2012 · Reply
- Sam Dunn Author Editor
  Please check the FAQ on the project page, this plugin does work in IE
  
  February 12, 2012 · Reply
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

February 9, 2012 · Reply
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?

February 10, 2012 · Reply
- Adam Author Editor
  You have to write them in the code!
  
  February 10, 2012 · Reply
  - 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?
    
    February 13, 2012 ·
- Adam Author Editor
  Use the .html file in the download package!
  
  February 13, 2012 · Reply
- 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.
  
  February 15, 2012 · Reply
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

February 11, 2012 · Reply
- 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!
  
  February 14, 2012 · Reply
  - 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.
    
    February 14, 2012 ·
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???

February 12, 2012 · Reply
Michel Author Editor
very nice , thanks

February 12, 2012 · Reply
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

February 13, 2012 · Reply
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?

February 14, 2012 · Reply
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

February 14, 2012 · Reply
- 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.
  
  February 15, 2012 · Reply
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!!

February 14, 2012 · Reply
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.)

February 15, 2012 · Reply
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!

February 15, 2012 · Reply
Pontus Author Editor
Any plans for touch/swipe on tablet?

February 16, 2012 · Reply
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

February 16, 2012 · Reply
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 !

February 17, 2012 · Reply
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

February 17, 2012 · Reply
- Ben Author Editor
  Edouard,
  Try putting your html in the title. It worked very well for me.
  
  February 18, 2012 · Reply
  - 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
    
    February 21, 2012 ·
  - 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/’}
    
    February 21, 2012 ·
  - 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!
    
    February 21, 2012 ·
  - 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 >
    
    February 21, 2012 ·
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
});

February 19, 2012 · Reply
- 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?
  
  February 21, 2012 · Reply
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!

February 20, 2012 · Reply
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?

February 20, 2012 · Reply
Boom Truck For Sale Author Editor
I need to have the resize effect applicable on one div. Any help??

February 21, 2012 · Reply
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!

February 21, 2012 · Reply
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!

February 21, 2012 · Reply
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.

February 22, 2012 · Reply
- 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.
  
  February 22, 2012 · Reply
  - Rochelle Author Editor
    yeah it’s for WP supersized. Guess I should go find a WP forum for this… :)
    
    February 22, 2012 ·
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();
});

February 23, 2012 · Reply
Jenna Close Author Editor
Does anyone know what size the thumbnails need to be to avoid cropping?
Supersized is great!
Thanks.

February 23, 2012 · Reply
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!

February 24, 2012 · Reply
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/

February 24, 2012 · Reply
Francesco Author Editor
Add to my prev comment !

CLICK ON “IMMAGINI” images in italian :)

February 24, 2012 · Reply
Olga Author Editor
Hi

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

February 25, 2012 · Reply
- Barry Ricoh Author Editor
  It works perfectly on my site with IE9
  
  February 26, 2012 · Reply
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!

February 26, 2012 · Reply
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.

February 29, 2012 · Reply
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.

February 29, 2012 · Reply
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?

February 29, 2012 · Reply
- 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.
  
  February 29, 2012 · Reply
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…

February 29, 2012 · Reply
- 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.
  
  February 29, 2012 · Reply
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!

February 29, 2012 · Reply
lolo Author Editor
I want a fixed size image in the center of the page (1024X768)
Thank you

March 1, 2012 · Reply
- 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;
  
  March 1, 2012 · Reply
  - lolo Author Editor
    thank you but it does not work … I continued my research
    
    Thanks again !!!
    
    March 1, 2012 ·
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!

March 1, 2012 · Reply
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

March 2, 2012 · Reply
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.

March 2, 2012 · Reply
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

March 4, 2012 · Reply
- 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.
  
  March 6, 2012 · Reply
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.

March 5, 2012 · Reply
- 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.
  
  March 5, 2012 · Reply
- ideafarm Author Editor
  Did you mangage to get anywhere displaying this on iphone/ipad. A few othwer posts suggest it does work.
  
  March 23, 2012 · Reply
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?

March 5, 2012 · Reply
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

March 6, 2012 · Reply
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.

March 6, 2012 · Reply
- 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.
  
  March 6, 2012 · Reply
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.

March 6, 2012 · Reply
شات صوتي Author Editor
thank for you articles my pro

March 6, 2012 · Reply
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.

March 9, 2012 · Reply
- 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 ?
  
  March 26, 2012 · Reply
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!

March 10, 2012 · Reply
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

March 10, 2012 · Reply
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

March 10, 2012 · Reply
Indisk Restaurang Author Editor
Nice post , this is my first time i read this blog and i found it very interesting , nice job .

March 10, 2012 · Reply
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

March 11, 2012 · Reply
how to make slide show Author Editor
How to make a slide show

March 13, 2012 · Reply
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

March 14, 2012 · Reply
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?

March 14, 2012 · Reply
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 ! ;-)

March 15, 2012 · Reply
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.

March 15, 2012 · Reply
freddy Author Editor
such a great work, and helpful too
thumbs up!

March 15, 2012 · Reply
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.

March 16, 2012 · Reply
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!!

March 20, 2012 · Reply
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

March 22, 2012 · Reply
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.

March 22, 2012 · Reply
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

March 22, 2012 · Reply
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

March 23, 2012 · Reply
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!

March 23, 2012 · Reply
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.

March 24, 2012 · Reply
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.

March 26, 2012 · Reply
- 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.
  
  May 7, 2012 · Reply
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?

March 26, 2012 · Reply
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

March 27, 2012 · Reply
septic Author Editor
I do know this was a very interesting post thanks for writing it!

March 27, 2012 · Reply
Live Webcam Girls XXX Sex Author Editor
Enjoy this beautiful spring. Make love, not war. :)) Live Webcam Girls XXX SEX

March 28, 2012 · Reply
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.

March 28, 2012 · Reply
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

March 29, 2012 · Reply
naperville computer recycling Author Editor
very cool! i like this, thanks for sharing!

April 25, 2012 · Reply
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.

April 25, 2012 · Reply
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.

April 26, 2012 · Reply
gustavo Author Editor
How can i use this pattern

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

April 29, 2012 · Reply
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…

April 29, 2012 · Reply
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

May 1, 2012 · Reply
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!

May 2, 2012 · Reply
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?

May 3, 2012 · Reply
Fabian Pulido Pardo Author Editor
hi, I have a problem with IE8, images does’t load/show how can i fix it?

May 4, 2012 · Reply
ashwin bambhniya Author Editor
really it is awosome

May 6, 2012 · Reply
Manoel Author Editor
How can I keep the thumbnail visible in the browser to refresh?

thanks

May 6, 2012 · Reply
Projesh Author Editor
Simply, great.
Thanx!

May 8, 2012 · Reply
Tamara Author Editor
Is there a way to have the thumbnails on the right side instead of the bottom?

May 8, 2012 · Reply
andrea Author Editor
hi ! i need to know if is possible to AUTOHIDE the thumbnails with an event like mouseover/mouseout…

thanks ! ;)

May 9, 2012 · Reply
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?

May 9, 2012 · Reply
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?

May 9, 2012 · Reply
- 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 : ”}
  
  :)
  
  May 11, 2012 · Reply
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

May 10, 2012 · Reply
- Si Author Editor
  What is problem
  
  May 18, 2012 · Reply
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

May 11, 2012 · Reply
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??

May 11, 2012 · Reply
vishal Author Editor
hey i found it my self..done its awesome

May 11, 2012 · Reply
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!!

May 11, 2012 · Reply
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…?

May 13, 2012 · Reply
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

May 14, 2012 · Reply
Martin Author Editor
hi,

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

May 17, 2012 · Reply
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!

May 18, 2012 · Reply
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!

2 days ago · Reply
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)

22 hours ago · Reply