If you need help, the first thing you should do is read the documentation.
Start with reading howto setup the slider if you are completely lost.
I like my work, like to see a piece of code grow.
But humans doensn't live of air alone.
So if you like my creation, you should consider giving me a cup of coffee.
The demos showcase just how much Sudo Slider can do.
They showcase features such as AJAX, fading, methods, captions automatic slidehow and a tabs.
Fernando:
Dec 10, 2013 at 03:40 PM
Hi Erik.
First of all, thanks for your great script.
I'd want to ask how do you would add links to some images that are loaded using ajax.
I'm working on slideshow 100% responsive but I'm stucked with that.
Here you go my slideshow up to now.
http://www.espacioexperimental.com.ar/sudoslider/demos/responsive_complete.html
I look forward your comments
Best regards (from Argentina)
Erik:
Nov 29, 2013 at 02:49 PM
@Jan Willem:
Yep, my fault.
I've changed it now in the newly released 3.1.6 version.
It will still wrap it if you use ul and li tags inside the slider. But if you just have the slider html like the basic demo, then it will work like you wan't it to.
Jan Willem:
Nov 27, 2013 at 09:31 AM
On line 1248 in the method insertSlide, you add tags around the inserted html. Is it possible to remove this? I sometimes use div's for the slider.
Erik:
Nov 24, 2013 at 01:31 PM
@Tod Burhans:
It wasn't possible, but I liked the idea so I added it.
Just download the newest snapshot from here: https://github.com/webbiesdk/SudoSlider/archive/master.zip
And check the auto.html demo in the download for how to vary the duration of pause.
The feature will be included in the next release, but for now you need to get it from GitHub.
Tod Burhans:
Nov 23, 2013 at 12:26 PM
Hello, is it possible to vary the duration a slide is displayed, such that 1 slide is displayed for 2 seconds but another is displayed for 5 seconds?
Erik:
Oct 22, 2013 at 06:44 PM
@N Bouchard:
Oops, that one didn't show up when i tested it locally.
I can confirm the bug, and i can also fix it, which i just did.
If you reload the demo (remember to clear browser cache) then you can see it has been fixed.
You can download the fixed version on the download page, or here: https://github.com/webbiesdk/SudoSlider/releases
N Bouchard:
Oct 22, 2013 at 06:13 PM
There is a bug with the continuous slider :
By default, the first slide to appear should be the first of the list of image. With the continious slider its the last slide which appear first.
So if you click on the next button you will be redirected to the second slide of the list of image which would completly jump the first real slide of the list.
If you click on previous, the current slide wont change since we are already looking at the last slide. You have to click a second time to go the previous slide.
The bug would be fix if the first slide to appear would be the first slide of the list of image instead of the last.
Hope you can understand what i'm trying to said ;)
You can view those bug here :
http://webbies.dk/assets/files/SudoSlider/package/demos/continuous.html
Erik:
Oct 09, 2013 at 02:30 PM
@Loonie:
It is.
If you wan't to add the class "testClass" to the image on the second slide just call: "sudoSlider.getSlide(2).find("img").addClass("testClass");" after the slider has been initialized.
@Shaan:
Just set the option "pause" to 10000.
Like this:
var sudoSlider = $("#slider").sudoSlider({
effect: "fade",
auto:true,
pause: 10000,
prevNext:false
});
@Dov:
Don't worry about your English, it's not my native language either.
To do something like that, you would either need to have the skills yourself, or hire someone that knows how to do it.
There is no one-line-solution to what you are trying to achieve.
@Eric Swanson:
Nope, no such option.
I have previously had a demo showcasing how you could add such functionality.
That demo is no longer part of the demos, but I still have it in the archives: https://github.com/webbiesdk/SudoSlider/blob/3acb4ad897f8f25de33d8509291a1b74489c308d/demos/modal.html
@DCV:
If you look at the "auto with stop" demo: http://webbies.dk/assets/files/SudoSlider/package/demos/auto%20with%20stop.html
You can see how you can run some code when the auto feature hits the last slide.
But i'm not sure what you mean by reloading the content, so thats all i can help you for now.
@Grégoire:
Nope, no idea.
Try to copy my "auto" demo, and start from there.
Grégoire:
Oct 09, 2013 at 12:05 PM
Hello,
I would like to thank you for this great slider.
But I still have a problem.
$(document).ready(function(){
var sudoSlider = $("#slider").sudoSlider({
effect:"fade",
auto:true
})
});
The fade effect isn't displayed. I tried "pushLeft" also, but I have the same result.
By default, and I'm surprised about that, the effect is "pushUp", and I can't get anything else work.
Do you have any idea ?
Thank you again.
DCV:
Oct 09, 2013 at 09:12 AM
Is there a way to make the script reload the content when auto feature hits last slide?
eric swanson:
Sep 17, 2013 at 04:54 PM
Hello Erik,
Is there a light box option to display the images in modal pop-up slide show, when clicked?
Marc Kropholler:
Sep 15, 2013 at 02:34 PM
Hello Erik,
Thank you for the reply on the jumpy sliding behavior related to sudoSlider.setOption('pause', 0). It happens in recent versions of firefox, chrome and in IE7. It is live at www.benniedevries.nl though i will probably change it tomorrow morning about 16 hours after this post. if you want i can give you extra info send an email.
regards Marc Kropholler
Dov:
Sep 15, 2013 at 09:21 AM
Hi Erik,
First of all I'ld like to thank you for such a great work! After getting a slide show from some tutos on the web, I bumped on your website, what a greatful help. Easy to apply, easy to customize, exactly what I was searching for.
The slide show I use got those parameters:
$(document).ready(function(){
var sudoSlider = $("#slider").sudoSlider({
effect:"fadeoutin",
auto:true,
prevNext:false,
autoheight:true,
autowidth:true,
customLink:'li.customLink',
pause:3000
})
});
I'm a brandnewbie in webcreation and I would put some buttons on this slider the problem is that I'm a little bit lost to put those ones on the sides of the slider (just like this http://webbies.dk/assets/files/SudoSlider/package/demos/autowidth.html) knowing that my images got different heights and widths (I want them to keep centered on height). I already tried to look at the source code but I was unable to localize what I want.
Is there an easy or even a bit more complicated way to do this?
Thank you in advance (and sorry for my poor english, it's not my native language :) ).
shaan:
Sep 15, 2013 at 05:10 AM
this slider is amazing. just what i needed for my new project.
but i am unable to change the time interval between image rotations. i want it to display next image exactly after 10 seconds. please tell me how to do this. i am new to javascripts and jquery. so i know this is a silly question, but worths a fortune to me...
Erik:
Sep 14, 2013 at 06:02 PM
@Kobus:
It is possible to have 100% width slider, but I havn't made it fullscreen (there are other scripts designed for just that).
Here is an example of a 100% width slider:
http://webbies.dk/assets/files/SudoSlider/package/demos/responsive.html
@Marc Kropholler:
When you have set the options pause to 0, the next animation will already have begun when the afterAnimation callback fires. This causes the behaviour you are seeing.
The fix is to only run the "sudoSlider.setOption('pause', 0);" once.
I just checked my slideCount & continuous demo in IE6 and some other browsers. In what browser doesn't it work?
Kobus:
Sep 11, 2013 at 09:34 AM
Hi,
Thanks for the great script! I have been searching here and could not find a way to make 100% width slider. Another thing I did not see is a full screen feature. Are you planning to add those, or have I missed something in the docs?
Kind regards,
Kobus
Marc Kropholler:
Sep 10, 2013 at 12:33 PM
Dear Eric,
We are Sudo slider using it on www.benniedevries.nl. After all the slides are shown, the slider jumps often. There are five slides in the slideshow but after two slides the slider 'jumps' to a slide later on. What is causing this issue and how can we fix it? Thank you for your help it is very much appreciated.
BTW, the link to the demo usage of slideCount & continuous is not working in the documentation (Settings page, slideCount description).
Best wishes Marc Kropholler
Lonnie:
Sep 05, 2013 at 02:07 PM
Is it possible to add classes to the pictures that are displayed? I have 3 showing and I want to blur 1 and 3 and keep the middle one clear.
Erik:
Aug 22, 2013 at 08:30 AM
@Benjamin:
Like this?
http://webbies.dk/assets/files/SudoSlider/package/demos/tmp%20variable%20widths.html
Benjamin Fortunato:
Aug 20, 2013 at 08:41 AM
I was wondering if it is possible to have a slider with variable width images similar to http://jquery.lemmonjuice.com/plugins/slider-variable-widths.php on the Sudoslider. Is this functionality built in, and if so are their any example or instructions I can refer to? If not, can you add this functionality? How much time would this modification take and how much would it cost?
Ryan:
Aug 13, 2013 at 07:17 AM
Just letting you know that the useCss property completely broke my website's slider. I'm using the latest version of Chrome, and I could see in the source code that it was trying to use transitions to animate the slider, but it wouldn't show up on the screen. I finally figured out that useCss was defaulting to being on, and that was causing the issue. Maybe the useCss option should be disabled until it is fixed, or at least disabled by default. Great software apart from that though!
Erik:
Aug 05, 2013 at 07:32 PM
@Guido
I think what you are looking for is the random effect.
If " effect: 'random' " is specified, the slider will choose randomly between all possible effects.
If you only want it to select randomly from a specific set of effects, you can do this: " effect: 'slide,fade,boxRain, ...' "
It is not exactly what you are asking for, but it is way easier to implement.
I added a demo to showcase the how random effects work
guido ch:
Jul 31, 2013 at 03:29 PM
As I can give different effects to the images if they are pulled from a database.Tenogo a database with many images, I want to make the randon also have different effects, some fade and other desbanecimiento, other curtain etc. Thank you.
Como puedo ponerle efectos diferentes a las imagenes si se halan de una base de datos.Tenogo una base de datos con muchas imagenes, quiero que al realizar el randon tambien tengan efectos diferentes, unas fade, otras desbanecimiento, otras cortina etc. Gracias.