Sudo Slider | Comments

Erik:
Jun 20, 2014 at 08:55 PM

@Jay:
As I write in the documentation about the prevHtml and nextHtml options "It can be anything, as long as it's valid HTML with minimum 1 tag enclosing the whole thing.".
I need to be able to target the button when attaching a click handler, so it needs to be a tag, not just a text. You can set the option to "<span>Previous</span>" instead.

Jay:
Jun 16, 2014 at 03:34 AM

Hi Erik,

My question earlier about CSS, I actually was interested in how to apply the "style.css" that you provide with the source code. I want the "Next" and "Previous" buttons that are in some of your demos, but for the life of me can't figure out how to get those to appear.

In fact, it looks like none of the CSS is applying, although I have it set up correctly. Should it really be handled in the JS such as the following:

var sudoSlider = $("#slider").sudoSlider({
continuous: true,
prevNext: true,
auto:true,
effect:"fade",
prevHtml: ' previous ',
nextHtml: ' next '

});

Just really not sure how to get it to apply for the life of me. I'm sure it's something stupid!

Thanks
Jay

Erik:
Jun 15, 2014 at 10:13 PM

@Jay:
If you look at the basic demo, you'll see how the slider works without any CSS: http://webbies.dk/assets/files/SudoSlider/package/demos/basic.html
If you were thinking about the numeric controls, then the CSS rules for those just targets all ordered lists (I might change that).

Jay:
Jun 13, 2014 at 04:37 PM

Please forgive my simple question, but how the heck are you attaching the CSS styles? I see it showing up in the demos, but there are no CSS classes set in the HTML, and they are not set in the JS, so how is this crazy magic happening?

Thanks
Jay

PS - this slider is f#**#@& amazing!!

Erik:
Jun 06, 2014 at 08:29 AM

@nico:
Yep: http://webbies.dk/assets/files/SudoSlider/package/demos/different%20effects.html

nico:
Jun 04, 2014 at 10:36 AM

Hi,

great Plugin, I use it mainly for its great history function, Thanks a lot!!!

One Question is it possible to have individual effects for spezific pages,
eg. a fade for the first image and slide for the rest?

Erik:
Jun 03, 2014 at 10:23 AM

@Weblady:
I have considered how to make CSS fallbacks, and haven't been able to come up with something good.
Mostly because there are so many possible ways to use this tool, so a fallback that works on some sites might be ridiculous on other sites.
I'm not going to make it fallback to a pure CSS slider. Because in doing so, I would have to discard every option you can give the slider.
But if you have a good idea, I'm all ears.

@Sam:
Yep, i can see that it looks horrible if pause is set to a small value. I didn't notice that before, thanks for telling.
I've fixed it in the next release, for now you can download a fixed version on my dev branch: https://github.com/webbiesdk/SudoSlider/tree/dev

Sam:
Jun 03, 2014 at 12:27 AM

Hi there, love this slider!

I have an issue where I need the auto animation to pause on window resize. Because it is auto and responsive, whenever the window resizes it jumps through various images. If it can be paused on resize and unpaused once done, that fixes it.

Any advice?

Weblady:
May 30, 2014 at 03:49 AM

please add a pure CSS fall back as not all people will have JS enabled in their browsers

Erik:
May 17, 2014 at 07:16 PM

@hanan Feinstein:
It's easier to do, than to explain. So here you go: http://webbies.dk/assets/files/SudoSlider/package/demos/responsive%20captions.html

hanan Feinstein:
May 16, 2014 at 03:10 PM

how do I add captions to the responsive demo?
Thanks

Erik:
May 13, 2014 at 07:13 PM

@Peter:
Creating nested sliders is very possible and not difficult.
I think the best example for you is on the frontpage of the plugin page: http://webbies.dk/SudoSlider/
If you click on the link "Lots of animations", you will see a image slider within a richtext slider.

@Peter G.:
Luckily for you, i made individual pause durations possible not that long ago. See here: http://webbies.dk/assets/files/SudoSlider/package/demos/auto.html for a good example.

Peter G.:
May 08, 2014 at 09:49 AM

Is there a way to set different pause values for each slide? I have some slides with 90 Sec. and some with 120 Sec.

Peter:
May 08, 2014 at 07:02 AM

Hi, is there a way to have an Sudo Slider for images inside an Sudo Slider for Richtext? I have some Content Sites do slide which also need an image slider on each content site

Erik:
May 07, 2014 at 08:51 PM

@Michael Rüegger:
That might be a possibility, its not an issue I recognize, so I have no way of telling without seeing the actual page.

@N.:
SudoSlider is dual licensed under GPL and MIT license.
So basically do what you want, but give credit where credit is due.

N.:
May 07, 2014 at 06:14 PM

What license is the sudoSlider code released under?

Michael Rüegger:
May 05, 2014 at 11:45 AM

Hi
I use the SudoSlider for four forms. When I try fill out the forms on a IPAD the slider jumps always to the next sliderpage. Is there a possibility that I can not fill out the forms?

Thanks for your help!

Michael

Erik:
May 04, 2014 at 07:40 PM

@Henri:
Yes.
I made something for you.
Look at the source code here: http://webbies.dk/assets/files/SudoSlider/package/demos/currentSlideClass.html

@Toby
Add this css to the #slider: "overflow: visible !important".
That should get you started.

@Weblady
This might get you started. http://webbies.dk/assets/files/SudoSlider/package/demos/videosCaptions.html

Weblady:
Apr 17, 2014 at 08:20 PM

using the captions code how do i add a YT video?

Toby:
Apr 17, 2014 at 06:40 AM

Hi, is it possible to have half a slide showing at either end? Great slider!

Henri:
Apr 15, 2014 at 01:05 PM

Is there a way to add a class current to the current slide?

Erik:
Mar 24, 2014 at 02:21 PM

I know its been more than a month since I answered questions. But I've had a lot on my mind.

@Robyt:
I suggest you set preloadAjax to false, and then preload the images manually.
See something like: http://stackoverflow.com/questions/3646036/javascript-preloading-images for how to preload images manually.
This won't insert the images into the slider, but the browser will load the images ahead of time.

@Elisa:
Yep. If you look at this demo: http://webbies.dk/assets/files/SudoSlider/package/demos/basic%20callbacks.html you can see that I display that information.
You can put the counters anywhere you like, so putting it on top a responsive slider (or where you would like it) shouldn't be a problem.

@Senf:
First of all don't try to have spaces in the urls, that have a tendency to break stuff.
You need to specify the url-endings you wan't in the numericText option, like demonstrated in this demo: http://webbies.dk/assets/files/SudoSlider/package/demos/history.html#third-slide
And data-target only takes numbers and "next"/"prev", not urls.
When you have href="#my-site" in your links, you shouldn't need to use customLink.

@Blazej:
I was working on that already before i saw your question.
I think it's fixed in the version I'm currently working on. I've pushed it here: https://github.com/webbiesdk/SudoSlider/tree/dev
Empty sliders looks to be working in that version.

@Jacques:
Its not something that is build into the slider.
I think you can set some margins to push the images down to the center.
But it sounds like something where you need someone to build the specific slider you are looking for.

@Chris:
I suggest adding a "afterAnimation" function to the first slide (see: http://webbies.dk/assets/files/SudoSlider/package/demos/basic%20callbacks.html ).
In this function you put timeouts ( http://www.w3schools.com/jsref/met_win_settimeout.asp ) to start all the other sliders.
The first you just start immediately, and the next after 800ms, the next after 1600ms etc. (depending on the speed they run at).
It is possible to make exactly what you are asking for, but this way is way easier.

@Evgeniy:
I don't see what that have to do with SudoSlider.
If you can make something animate, it properly works inside SudoSlider. Even flash animations work.
But SudoSlider doesn't offer any functionality to make animated backgrounds.

@Christoph:
Not functionality that SudoSlider offers, but you can randomize the content before SudoSlider sees it.
Look here for inspiration: http://stackoverflow.com/questions/1533910/randomize-a-sequence-of-div-elements-with-jquery

@Kim:
Sounds like a CSS issue. Are you sure you are using the newest version of SudoSlider and jQuery?
If that doesn't help the problem, try sending me a link, then I can take a look at it.

@Bernardo:
I can point you towards to things:
My responsive demo: http://webbies.dk/assets/files/SudoSlider/package/demos/responsive.html
And CSS media queriers, which you can use to restrict the size of the page for different mobile devices: http://stackoverflow.com/questions/6370690/media-queries-how-to-target-desktop-tablet-and-mobile

Bernardo:
Mar 24, 2014 at 08:30 AM

Hello, i' am using your slider on my website in full width and height. Everything is working as expected on my desktop computer, but when i see it on my ipad or iphone the images on slider get huge and out of focus, can you help or point me to some known resolution?

Thank you,
Bernardo

Kim:
Mar 23, 2014 at 04:46 AM

The slider is working, it rotates through the images; however, all the images are displayed on the page at the same time. The rotating image is sitting in front where it should be with all the other images displayed one by one down the page.

Christoph:
Mar 22, 2014 at 09:55 PM

Hi Erik,
best slider ever - thanks for that :)

Is there any possibility to display the content of the slider in random order?

Paddy:
Mar 18, 2014 at 02:37 AM

Hi

My previous question about the buttons and their images. I figured it out, SudoSlider is legend.
Thanks Guys

Paddy:
Mar 18, 2014 at 02:20 AM

How would you change the next and previous button images for multiple sudosliders on the same page?

Evgeniy:
Mar 16, 2014 at 09:14 PM

Hi!

Is any possibility to animate li backgrounds?

Best regards.

Chris:
Mar 14, 2014 at 02:37 PM

I have build digital signage with multiple sudoSliders and need them to fire off one at a time without starting the next one until the previous one is finished. The pause function works ok, but there is overlap eventually. Is there a way to set the pause on the initial one, then have the rest fire sequentially?

Thanks.

Jacques:
Mar 12, 2014 at 01:56 PM

Hi,
If I use images of different heights and widths, how can I get the slides vertically centered in the slider div with autoheight set to false ?
Thanks in advance for your answer

Blazej:
Feb 19, 2014 at 01:24 PM

Hi!
First of all I'd like to say that Sudo Slider is a really good piece of work :)
I write some online tool which has to allow people to generate something like very basic sites and I use SudoSlider as some component which they can put into their site. So I wrote some scripts and forms that add and remove images from particular SudoSlider instances but I've got a problem when the slider is empty. For example, when I remove all the images from the Slider I can't add other images and the second one - is there any possibility to run the slider without any image in tag?

Thanks in advance,
Blazej

Senf:
Feb 18, 2014 at 01:33 AM

Hallo,

first thanks for this great plugin.
I have some questions to custom-links and the history function.

If I use custom links and history, I get the number of the data-target in the URL(like index.html/#1).
But I wont show the link ID in the url (like index.html/#my-site).

( a class=" customLink " href=" #my-site " data-target=" 1 " )Meine Seite( a )

I try something like this to reference the right data-target and url:

( a class=" customLink " href=" #my-site " data-target=" my-site " )Meine Seite( a )

But it's not working.

Than I try the numeric function and numeric text but the problem is that I need button text like this:

"Meine Seite" in this case I get in the url this (index.html/#Meine Seite).

How I can get this work ?

best regars

Elisa:
Feb 16, 2014 at 11:57 PM

Hello Erik,
I'm trying to add to the responsive version the slider the current number of the slide displayed and the total numbers of slides contained in the slider, like: (current number of the slide)/(total number of the slides), is it possible to do it?

Thanks in advance!
Best regards

Robyt:
Feb 13, 2014 at 05:10 PM

Hi,it's possible to preload only few images?
for example, i've 10 images loaded via ajax:
ajax: ['load_img.php?id=1','load_img.php?id=2','load_img.php?id=3','load_img.php?id=4',....'load_img.php?id=10']
if i set preloadAjax:false i've a delay time when the animation start, otherwise the script preload all images.
Is there a method to load 2,3 images only?

Erik:
Feb 11, 2014 at 05:04 PM

@Andrew:
I see that your JS skills are basic, because you weren't going to accomplish anything on the path you were heading.
Since it was quite simple I just made what you were looking for: http://codepen.io/anon/pen/fxBbp
I suggest you go through all the lines, and understand what is happening, and look up the definitions of the jQuery methods I'm using.
If you could use it, I would ask you to consider paying an small amount.

Andrew:
Feb 10, 2014 at 08:57 PM

I have a div.heading in each slide with an h2 and some intro text. I want to move the .heading from the current slide into the header, fading to the .heading from the next slide as the slider is navigated. So far, I've used append to move the .heading from the current slide and into the header when the slider is initialized, but it doesn't update as the slider is navigated unless the page is manually refreshed with each slide change. My jQuery/JS skills are pretty basic, so I'm sure I'm just missing the obvious solution here.

I have a demo here (note: I'm using sections for each slide in place of divs): http://cdpn.io/DBdAp

Erik:
Feb 08, 2014 at 05:15 PM

@Esteban Smith:
Look at this demo.
http://webbies.dk/assets/files/SudoSlider/package/demos/fadeIn%20slider%20on%20load.html
It shouldn't be difficult to modify to match your requirements.

@Hugo Black:
I don't know, have you tried implementing the captions that I demo?
http://webbies.dk/assets/files/SudoSlider/package/demos/captions.html
If not, then get going. If you already tried, then send me a link so I can see your progress.

Hugo Black:
Jan 29, 2014 at 03:24 AM

Hi,

Nice slider. I am using this in a Wordpress theme. How can i show the captions?

Kind Regards,
H

Esteban Smith:
Jan 27, 2014 at 03:01 PM

Hello, when the slider are loading its possible to see the picture of the second position for few seconds. I would like to hide the slider and put a loader gif or find the way that the second picture doesn't at the moment of load. Sorry for my english

Erik:
Jan 20, 2014 at 04:24 PM

@Hector Astete:
Yep, just set the controlsFade option to false.

Hector Astete:
Jan 20, 2014 at 04:04 PM

is it possible to leave always visible both buttons (prev and next)?
Thanx in advance

Erik:
Jan 15, 2014 at 09:39 PM

@John Beadle:
Previously the slider needed an unordered list to work, that is not the case with the newer versions.
As you can see in the basic demo: http://webbies.dk/assets/files/SudoSlider/package/demos/basic.html you can just put divs inside of the slider instead of an unordered list.
This should help you solve the conflict.

John Beadle:
Jan 15, 2014 at 07:34 PM

Hi
I am able to get the slider working, however it has disabled the main navigation. The main nav is also an unordered list, however it is targeted in the css as nav ul li. I can find no conflict within in the sudo _style.css. Any help you can provide would be much appreciated.Thanks, JB

Erik:
Dec 29, 2013 at 10:52 AM

@Alexander:
1) You can if I give permission, and I hereby give you permission, so go ahead.
Please include a link that says that you are using SudoSlider.
When you're done, I would really like to see it.

2) Yeah, I know there are some problems with selected elements in forms. This is mostly due to the jQuery.clone() function, which doesn't clone what was selected in a form.
In SudoSlider 3.2 (which I'm working on) this will only be a problem during animations.
And if you don't use continuous, and use the "slide" effect, it shouldn't be a problem at all.
If this wasn't what you were talking about, then specify the problem.

@CB:
You don't have to do that, all you need to do is keep the comment in the top of the JavaScript file.
So no need to have any notice that is visible to the average user.

CB:
Dec 29, 2013 at 12:04 AM

Hi Erik,

Season's greetings!

I would like to use your Sudo Slider for image-slideshows on my website. How should I acknowledge you as the author of Sudo Slider and the MIT License? I take copyright issues seriously. Hence, I thought of using the following text: Slider disclaimer: "This website uses photo slideshows based on Sudo Slider authored by Erik Krogh Kristensen (http://webbies.dk/SudoSlider/). Sudo Slider is reportedly licensed under The MIT License (http://opensource.org/licenses/MIT)"

Please advise and let me know if I am permitted to use Sudo Slider for my website. Thanks in advance.

Best regards,
CB

Alexander:
Dec 25, 2013 at 12:16 PM

Hello,Eric!

I have 2 questions.
1) I want to make and sell RPCL-component (visual component) carousel (slider) for H5B based SudoSlider. I have the right?
2) Selected Radiobutton in the slider is not displayed correctly.

Fernando:
Dec 13, 2013 at 04:47 PM

Many thanks Eric
It was very helpful.
Best regards

Erik:
Dec 12, 2013 at 10:25 AM

@Fernando:
Yep, just add this line in the bottom of the ajaxLoad function in your script.

$(this).find("img").wrap("<a href=\"" + Links[t-1] + "\"></a>");

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.

Erik:
Jul 17, 2013 at 12:15 PM

@John Burger
Sorry about the late answer, but I've been busy.
The current version of SudoSlider doesn't handle being hidden very well (working on that for the next version).
So I'm not sure that the current version can do what you are looking for.

But you could try to call the "sudoSlider.goToSlide(1);" inside a setTimeout([func], 16).
That way the slider will only try to animate once it is already visible.
Also make sure that you only call goToSlide on the sliders that are visible.

If you could send me a link to the page you are working on, I could take a better look.

I know that I'm not being very specific, but there are several ways to implement what you are describing, so I could use that link.

John Burger:
Jun 29, 2013 at 12:05 AM

Hi. I am using the sudoSlider script for a friend's Web site. I actually have several slideshows on one page, and they are toggled between being shown and hidden with another script. I was hoping there would be a way to return all slideshows to their first slide when any slideshow is opened or closed. Something like:

$(document).ready(function(){
$(".subTitle").click(function(){
sudoSlider.goToSlide(1);
});
});

where .subTitle is the class of the link that hides and shows the slideshows.

Is there something like this already available that would work?

thanks! john.

Erik:
Jun 20, 2013 at 09:38 PM

@MD:
When I tried to do it myself, almost all of the problems where due to the slider trying to adjust while it was invisible. That never goes well.
I tried to fix that in the SudoSlider script that I use in the demo I linked to previously.
I think its the same thing that's happening to you, but i could take a look if you send me a mail at erik@webbies.dk

MD:
Jun 20, 2013 at 08:45 AM

@Erik, thanks for reply, I kinda managed to sort that displaying issue on you old slider plugin. by specifying slides li width to container width using jquery. But I have another problem. Apparently my slides seems to behave oddly when I shrink the accordion up and down. This is what I get https://www.dropbox.com/s/hc3wwxauno63xgd/problem.jpg I tried using a lot of margin variations but it doesn't seem to work. All my containers and ul li are width 100% with margins : 0 auto, paddings 0; Any ideas what might be wrong?

Erik:
Jun 19, 2013 at 09:51 PM

@MD
It's far from easy to make what you described work.
Mostly because a slider can't really do anything while it is hidden, since there is no way for it to know how wide it will be once it is visible again.
I've tried to implement what you are describing here (look at the source to see what I'm doing):
http://webbies.dk/tmp/slider/demos/tmp3.html
It required me to make some modifications to the slider, since it really couldn't handle being hidden.
So use the version of SudoSlider I use at the page I link to, or download the development version here: https://github.com/webbiesdk/SudoSlider/tree/dev

MD:
Jun 19, 2013 at 08:21 AM

Hey, I faced this problem with the responsiveness of the slider and I couldn't find the fix for it. The problem is that I have a jquery accordion on a page and within accordion tabs I implemented your slider. So I have a lot of sliders within one page in accordion menu. I set everything to responsive and when I refresh it the slider doesn't show anything at all, though if I resize the window then the content appears but only on window resize. I tried you additional jquery code for (window).resize() didn't really worked in my case. The content messes up all over the place. :/ So I was wondering if there is something I could tweak to make content appear without window resizing?

Hans:
Jun 18, 2013 at 08:00 PM

Dear Eric
The z-index-option works fine indeed.
Thanks a lot.

Hans

Erik:
Jun 15, 2013 at 02:18 PM

@Hans:
Don't wait for the next release, since that will take quite some time (working on some new effects).
Just download the version on GitHub if you want the animationZIndex option. It is stable.

@Miguel:
My only idea is that it's a CSS rule.
Could you send a link to a page where the issue is present? then I can look at it.

@Matthias:
Just set the option "controlsFade" to false.

matthias:
Jun 15, 2013 at 12:23 PM

hello, how to delete fade effect from controls? //matthias

Miguel:
Jun 14, 2013 at 12:09 AM

Hi Erik, I'm facing an issue where I need the slider to have autoheight, however no matter what I do, the slider has fixed height at all times, 407px. There is no css rule in my stylesheet, that defines slider height. The slides consist of an image of a variable height on the left and a rich text block on the right. Any ideas, please?

Cheers,
Miguel

Hans:
Jun 11, 2013 at 07:52 PM

Thanks Eric for the z-index as an option. I'll wait for the released version 3.0.5.

Erik Krogh Kristensen:
Jun 02, 2013 at 10:48 PM

@Hans:
I just added the animationZIndex option. You can use that to change the z-index.
It's in 3.0.5, that i havn't released yet, but for now you can get it here: https://github.com/webbiesdk/SudoSlider

Hans:
May 31, 2013 at 02:13 PM

Dear Eric

Would it be possible to offer the Z_INDEX_VALUE as a selectable Option instead of having a fixed value of 10000? I'm asking this because I have a fixed header bar and if I give it a z-index of 10001 I get in trouble with simplemodal (which in this case gets hidden behind the header).

Kind regards, Hans

Hans:
May 28, 2013 at 07:24 AM

Flickering on iPad [Solved with Version 3.0.4]

Dear Eric

A disk crash hindered me to answer your reply earlier.
Version 3.0.4 did it. No more flickering occurs on iPad, even with my very large pictures. So there is no need anymore for setting prevNext to true with hidden CSS. Thanks a lot!

Here are my test sites:

http://flicker.kywa.ch/Multimedia/Fotos
(Version 3.0.2, prevNext set to false)
Flickering occurs on iPad

http://noflicker.kywa.ch/Multimedia/Fotos
(Version 3.0.2, prevNext set to true but hidden with CSS)
No flickering occurs on iPad

http://mvcframe.kywa.ch/Multimedia/Fotos
(Version 3.0.4, prevNext set to false)
No flickering occurs on iPad

Thanks again and kind regards, Hans

Amir Khan:
May 22, 2013 at 05:32 PM

Thank you!

Erik:
May 22, 2013 at 10:12 AM

@Amir Khan:
Why not both?
http://webbies.dk/assets/files/SudoSlider/package/demos/tmp%20target%20all%20but%20current.html
See the source code.

Amir Khan:
May 21, 2013 at 09:26 PM

Is there a way to target all but the current slide?

Or to just add a class to the current slide?

Erik:
May 20, 2013 at 09:46 AM

@Nick J:
You guessed correctly.
The trick i useally do is to use "opacity: 0.001".
I made a demo showing how you can make the effect you are looking for.
http://webbies.dk/assets/files/SudoSlider/package/demos/fadeIn%20slider%20on%20load.html

Nick J:
May 20, 2013 at 07:58 AM

Hey,
Great Slider. Very clean.
I was attempting to hide the slider until the javascript was loaded. Typically I do this by putting
CSS = .js #slider{display:none;}
PAGE LOAD JQUERY = $('html').addClass('js').
I was looking for a callback where I could put $(#slider).fadeIn(). I tried initCallback and whilst the display:none was correctly overwritten, the slider still wouldn't display. I'm guessing because it needs the elements not to be 'none' during setup whilst calculating heights etc.
Have you ever done anything like this?
Thanks,
Nick

Erik:
May 14, 2013 at 10:22 AM

@John
You can set what texts are used by setting the numericText option.
See the history demo: http://webbies.dk/assets/files/SudoSlider/package/demos/history.html for how to do it.

john:
May 14, 2013 at 02:34 AM

The documentation tells that one can set the customLink: and then use the rel tag in a link to trigger the slider. The rel tag must be a number. What I noticed all over the site here is you actually have #hash tags working when I click and activate a slider.

How are you using the hash tags along with the sudo slider? The documentation/demos don't show this.

Erik:
May 12, 2013 at 04:03 PM

@Ali:
Its the site that's under Creative Commons.

The slider is under GPL / MIT license. (See this for what you can do: http://www.tldrlegal.com/compare?a=MIT+License&b=GNU+General+Public+License+v2+%28GPL-2%29 )

Ali:
May 12, 2013 at 02:29 PM

Hi,
Nice slider, Thanks alot.
I'm not understanding what is Attribution 3.0 Unported (CC BY 3.0)License meaning, can I use the slider in personal and commercial project without link back.

Ali

Erik:
May 07, 2013 at 07:55 PM

@Damon:
Oh, i see. Sorry for the misunderstanding.
Are you testing locally? Because loading HTML content asynchronously tends not to work when testing locally, you have to upload the page to a server for it to work. (See: http://stackoverflow.com/questions/5469440/jquery-ajax-request-from-local-filesystem-windows-file )
If you aren't testing locally, could you then send me a link to the page?

@Hans:
I tested it on an iPad. But i wasn't able to create a page myself where the bug was present, i was only able to see the error on your page.
First of all you have to use smaller images, the page takes a massive time to load. And the massive images also causes the fade animation to be sluggish.
I also think the "stress" that the browser is put under (again, the big images) causes the flickering. And flipping the prevNext options just tips the scale somehow (i think).
That being said, I think i have solved the issue (but not sure, since i wasn't able to replicate the bug myself).
Try the dev version from this page: https://github.com/webbiesdk/SudoSlider/tree/dev and see if it solves the issue.

Hans:
May 07, 2013 at 05:24 PM

Hi Erik
One more observation on iPad flickering. When I use customLinks I have also to set continuous to false in addition to prevNext to true (to hide prevNext I use "visibility:hidden") to get rid of the flickering.
Regards, Hans

Hans:
May 07, 2013 at 08:40 AM

Hi Erik
Thanks for the answer and making the hint to using custom links, which work fine for me. I would nontheless appreciate to get the results of your analysis concerning prevNext on a iPad.
Kind regards, Hans

Damon:
May 06, 2013 at 09:13 PM

@Eric I understand the feature.
I'm getting the exception on my console, because the content of target is "test/example.htm", and chrome alert me when "image.src = target;". The problem is that afer that the slider becomes erractic.

Can you please take a look of this fix?
https://github.com/psysp/Nivo-Slider/commit/1566f115910c035828e5c683f27a3449235a377a

Erik:
May 06, 2013 at 08:20 PM

@Hans:
The images you use are very big (3000 * 2000), and i think that is casuing the issues.
Try to scale down the images used in the slider.
You could also try using customLinks to simulate the next/prev buttons (thereby having the buttons with prevNext:false).
Also, when does the flickering occur? When animating, panning the page, all the time?
I will try to see if i can find the issue myself when i get hold of an iPad (do not own one myself).

@Damon:
I support loading both HTML documents and images asynchronously.
The current way i detect whether or not an url is a image, is to try to load it as an HTML document, and if that fails treat it as an image.
That causes the exception you mention to pop up in the console, i have yet to experience the exception becoming visible to the average user. (Just tested this in Chrome, IE10 and IE6).
So it isn't actually an error, but a feature used to support loading both HTML and images, without having to specify the content-type.

Damon:
May 06, 2013 at 04:22 AM

complete: function(){
// Some browsers wont load images this way, so i treat an error as an image.
// There is no stable way of determining if it's a real error or if i tried to load an image in a old browser, so i do it this way.
if (!textloaded) {
// Load the image.
image = new Image();
targetslide.html('').append(image);
image.src = target;

This Code is throwing an error when i do some ajax calls:
Resource interpreted as Image but transferred with MIME type text/html

that's because the Target Variable is an html file and not an image.

Hans:
May 05, 2013 at 06:53 PM

Hi Erik
After migrating to SudoSlider 3.0.2 (from SudoSlider 2.2.8) I have a strange random flickering/flashing effect on a mobile test site when accessing the site with an iPad. I could identify the reason for the flickering, it's the parameter prevNext. When I set this parameter to true, the flickering disappears (see noflicker.kywa.ch/multimedia/fotos). But if I set this parameter to false there is the above mentioned random flickering (so far iPad only, but not in a desktop or mobile phone browser, but till now I didn't test the prototype on android yet). The effect can be seen on mvcframe.kywa.ch/multimedia/fotos.
Since the flickering in the new version of SudoSlider on an important tablet device is hindering me from upgrading to SudoSlider 3.0.2 I would appreciate an analysis from your side.
Configuration: jquery 1.9.1, jquery mobile 1.3.0.
Thanks for your work so far and your help.
With kind regards, Hans

Jon Tarbuck:
May 01, 2013 at 04:41 PM

Thanks very much for your help Erik, that worked great!

Erik:
May 01, 2013 at 01:31 PM

@Jon Tarbuck:
Yes you can, just use customLinks: http://webbies.dk/assets/files/SudoSlider/package/demos/customLinks.html
Set the option customLink to the same in both sliders, and place the buttons as you like.
The slider on this page (bottom right): http://webbies.dk/ uses that trick, just with links to specific slides instead of "next" and "prev" buttons.

Jon Tarbuck:
May 01, 2013 at 01:24 PM

Hi Erik,

Is there any way I can use one set of previous and next buttons to control two sliders - so clicking on the next button would advance both sliders to the next slide?

Love the slider, so many options! Keep up the good work!

Thanks,

Jon

Andreas:
Apr 28, 2013 at 12:19 PM

Hi Erik, it's me again ;-)

I've found the problem. It is the inline image positioning that (on default) always adds a line height beyond it so that the surrounding div or li that has a bigger height than the image itself. And your script takes the height of the surrounding div/li.

When you add a "vertical-align: top" - style to the image itself, the spacing is gone. Perhaps you may add this to your script or it may help some one else.

Andreas:
Apr 28, 2013 at 06:16 AM

Hi Erik,

thanks for your fast reply. I've checked out your current development version with the div tags but the problem still remains. It occurs in any browser I've tested (IE, FF, Chrome, Opera). Seems to be a height calculation problem, but I couldn't figure it out yet.

I'm not sure if your current dev state should already fix the problem or not (I've also replaced the list tags with div tags).

Regards

Erik Krogh Kristensen:
Apr 27, 2013 at 07:35 PM

@Andreas:
No that shouldn't be the case.

It happens in some browsers (Firefox), where the browser doesn't realize that the slider isn't a list.

I'm working on replacing the li and ul tags with div tags, which will fix the problem. (ul and li tags will still work).
You can see the latest development version on this page:
https://github.com/webbiesdk/SudoSlider/tree/dev
Look at the basic demo.

Andreas:
Apr 27, 2013 at 04:17 PM

Hi Erik,

first thanks for your great script. I'm using it for a faded continuous slider with auto height adjustment. The height of the slider div should always fit the height of the current image but this isn't the case. There is always a "padding" of several pixels, even with your demo:

http://webbies.dk/assets/files/SudoSlider/package/demos/autowidth.html

The height difference is always the same for each image. your demo page it is 7 pixel. How can I avoid this difference? As example the second demo image has a height of 241 pixel and the slider div gets a final height of 248 pixel. This shouldn't be the case, or?

Currently I've fixed this by adding an initial and afterFading script to "reset" the div to the correct height.

Thanks for your help.

Darrin:
Apr 18, 2013 at 11:34 PM

Cool, thanks for the quick fix!

Erik:
Apr 18, 2013 at 03:29 PM

@Darrin:
You are right, and it was a bug.

It was caused to the "sudoSlider.getValue('autoAnimation');" call returning undefined.

I've fixed it in 3.0.1 that i've just released.

If you look at the demo ( http://webbies.dk/assets/files/SudoSlider/package/demos/pause%20on%20mouseover.html ) and it still doesn't work, try to clear your browser cache.

Darrin:
Apr 18, 2013 at 02:42 PM

Great project - thanks for sharing.

However, i do have a question regarding pausing the slider on mouseover. The docs and demo states this is built in. However, when i view the demo on both Safari (5.1.8) & Firefox for Mac (20.0.0), there is no pause at all. I did not try with other browsers...

David:
Apr 11, 2013 at 02:05 PM

Thank you very much Erik!!! I would have never thought to put the z-index that high.

Again, thanks for making such a wonderful slider script!

Erik:
Apr 08, 2013 at 08:49 PM

As i said in the previous response, i am working on the next major version of SudoSlider.
The major addition is a lot of new fancy effects.
I suggest you take a sneak peak: http://webbies.dk/tmp/slider3/demos/explorer%20effects.html

Download here: https://github.com/webbiesdk/SudoSlider/tree/dev (no guarantees about stability given!)

@carol:
I think this a what you were looking for.

Erik:
Apr 08, 2013 at 03:48 PM

@Annie Gage:
I assume you are using the "auto" option.
Just set the "pause" option to a high number, the default is 2000 (its in miliseconds).

@Courtney M:
1:
You are using responsive. That complicates things.
The code that makes it responsive sets the width of a slide to (containerWith / numberOfVisibleSlides).
So if you are using responsive, each slide will always have the same width.
A fix could be to fill out the slides by adding the following CSS:
.photos li img {width: 100%; height: auto;}

2:
I've done that in a demo.
http://webbies.dk/assets/files/SudoSlider/package/demos/fancy%20stuff%201.html
I used the methods instead of customLinks. Since customLinks actually listens to every click event in the document.

@Rodrigo Munera:
Yes, you found a bug. Thanks for that.
I'm currently working on a new major version, so i won't released a new fixed version for a while.
But for now you can fix it by replacing
goToSlide(NEXT_STRING, FALSE);
on line 409 (inside the startAuto method) with:
if (autoOn) goToSlide(NEXT_STRING, FALSE);

Btw. Awesome website there mate.
But when sliding from the last to the first slide on a big screen, you can sometimes see "behind" the slider.
You should be able to fix that by setting sliceCount to 2 and autoWidth to false.

@Danny:
If you look at this demo: http://webbies.dk/assets/files/SudoSlider/package/demos/methods%201.html
You can see that i call sudoSlider.getOption('speed')" when a button is clicked.
Similar you can set up your own trigger to run sudoSlider.goToSlide('next')" when the next-button is hovered.

@David:
The fade animation puts a clone above the slider with "z-index: 10000".
For your buttons to be displayed, you need to set their z-index to something higher. For example by adding the following CSS:
#sliderbtns {z-index: 100001}

David:
Apr 01, 2013 at 02:26 PM

Hi,

I posted this question previously, but I haven't seen it go up or be answered. I was wondering if there was a way to have the navigation buttons go over the slider area, without being affected by the fading effect? I have setup an example of what I want to do, using the customLink setup. However, the links fade in/out along with the images in the slider. Is there a way to get around this?

Here is the example: d2designs.ca/slider/

Any help is appreciated.
Thanks.

Danny:
Mar 28, 2013 at 03:52 PM

Great slider! Thanks for sharing. Is there any way of going to the next slide by hovering over the 'next' arrow? As opposed to clicking on it?

Cheers!

Rodrigo Munera:
Mar 22, 2013 at 01:10 AM

I think I found a bug.
After I build the auto-playable slider, if I "sudoSlider.stopAuto;" before the first slide slides, the slider doesn't stop until the following slide has auto slid.

In other words, if I click (which triggers the stopAuto method) from slide 1 to slide 2, the auto-slide event will push the slide 2 to slide 3 and THEN stop, as opposed to stopping on slide 2.

If I wait for the first slide to move over automatically, then it will stop wherever I click the next or previous arrow.

The IP address of the sample is http://69.63.135.112

I tested it on chrome 25.0.1364.172 for Mac OS
Safari 6.0.3 for Mac OS
IE 9 for Win 7 64-bit
Chrome 25 for Windows 7
Bug could not be reproduced on Firefox 19 for either Mac or PC.

Courtney M:
Mar 20, 2013 at 07:40 AM

What a wonderful plugin! I have a couple of questions. I have setup the slider here: http://dev.notiesmanagement.com/models/women/fashion-direct/alden-corinna/228/

I tried using this demo as a model: http://webbies.dk/assets/files/SudoSlider/package/demos/fancy%20stuff%202.html

Here are my two issues:

1) My images have variable widths. I need them to show side-by-side, flush against one another, rather than in containers of equal width. AutoWidth does not seem to be making any difference. Is there a way to have the images all show across the screen, without having them overlap or have space between?

2) I am using thumbnail navigation. Is it possible to have the thumbnails scroll as well? Because some of my profiles have more thumbnails than will fit on the screen.

I toyed with trying two different sliders on one page (one for the large images and the other with thumbnails) and then use Custom Links to link from one to the other. Not sure if that would work. Any suggestions or assistance you can provide would be very much appreciated!

I have been searching high and low for a plugin that will do these things. So far everything else has come up short, and yours by far looks the most promising. If I can get this to work I will most definitely be making a donation to your project. Thank you!

Annie Gage:
Mar 16, 2013 at 07:52 PM

Where do I change the script so that the slide displays for longer? Please help! Thanx

Erik Krogh Kristensen:
Mar 11, 2013 at 03:33 PM

@carol:
You can use the method setOption() to set a random true/false value to the options fade, vertical and crossFade.
If you do that in the afterAniFunc, you will effectively have a random effect on each slide.
You can read about setOption and afterAniFunc in the docs.

I'm working on a feature for SudoSlider 2.3 where you can specify your own animation. I'll make a demo showing how you can have random animations using the new feature when i release version 2.3.

carol:
Mar 07, 2013 at 01:51 PM

Hi!
Can you tell me how to set a random effet on the slider? Thx a lot!!

Erik Krogh Kristensen:
Mar 05, 2013 at 09:16 AM

@Alex:
I've found at least one way to do it.
The way i've found requires that you use TubePlayer to start the videos.
You can see it in the video demo: http://webbies.dk/assets/files/SudoSlider/package/demos/videos.html

Alex:
Mar 03, 2013 at 11:16 PM

Hi!
I was wondering if there's a way to pause the slider while the embeded Youtube video's being played?
What I've got now is that when runnig the video in the slide, slides keep on change... and the video keeps on playing.
Best regards,
Alex.

Erik:
Feb 23, 2013 at 10:51 AM

I know its been a long time, but i've had other things to do.

@Loïc:
You can always use a different selector for the different sliders, so the first slider have id="slider1" and the second have id="slider2" and so on.

And you can completely change the HTML used for the next and previous buttons.
Look at "prevHtml" and "nextHtml" on this page: http://webbies.dk/SudoSlider/help/#Settings

@Lorcan:
I know that IE had some problems with that demo, and i've done some things to fix that in 2.2.8 (the version currently available here on the site).
Try to update to the newest version if you havn't already (also the newest version of jQuery), and report back if it still isn't working.

@Samuel Bravo:
You can run "$("#slider").css({overflow: "visible"});" after the slider is created to remove the "white" screen.
To achieve the effect you are looking for, make sure to set continuous to true, and use a high slideCount value (see the docs: http://webbies.dk/SudoSlider/help/#Settings )

@Elerrawin:
You can disable it, just set "preloadajax: false". (I didn't write that in the docs before, its in there now).

@Alex Hommel:
I found that 1px bug myself some time ago, because for some reason the newest versions of webkit didn't agree with my positioning.
Its fixed in 2.2.8.

@sha:
You can use beforeAniFunc and afterAniFunc to add the classes to the "active" slide.
I think you'll figure it out if you look at some of the demos that use beforeAniFunc and afterAniFunc.

@Frank:
You could do it by using "afterAniFunc" to capture what slide is currently active.
Then make sure the line "sudoSlider.goToSlide((direction == "left") ? 'next' : 'prev', duration);" is only run when it doesn't go past the edge.
But mostly i think you need a JavaScript expert to make it for you, if you wan't it to work nicely.

@Terence:
If you look at this demo: http://webbies.dk/assets/files/SudoSlider/package/demos/modal.html
It should be quite easy to modify the ajaxLoadFunction function to resize the images.

@Alex Hommel:
If you look in the style.css file you will see the following:
/* Uncomment this if you wan't to only have 1 visible slide before the javascript kicks in.
#slider li {display:none;}
#slider li:first-child {display:block;}
*/
That will make sure that only the first slide is shown until the JavaScript kicks in. It works in all browsers that support the ":first-child" selector.

@Dan:
I didn't know that direction = 'rtl' existed. Are you using my slider?
If you are, i think you are looking for something like the slider on this page: http://info.gov.sa/ (the slider is SudoSlider).
If you wan't more help, please be more specific and link to a page where the problem is.

Dan:
Feb 19, 2013 at 03:02 PM

Hi!
First of all, great plugin.
second, I wanted to know if it's possible to use it with direction = 'rtl'. currently it messes up the behaviour when I try. any help?

Alex Hommel:
Feb 19, 2013 at 12:19 PM

Hi Erik,

is there some way to prevent the 3 slides from appearing under each other before the everything is loaded?
Or does it have to with the ordering of the different scripts on my page?

Example: http://affectiontheme.tumblr.com

Many thanks!

Alex

Mufeed Ahmad:
Feb 18, 2013 at 06:25 AM

Thank you very much for this nice work.

Terence:
Feb 16, 2013 at 07:39 PM

Can Sudo Slider size and crop images of different size keeping the same displayed image size?

Frank:
Feb 11, 2013 at 01:40 PM

Hi Erik

I'm using the 'Using touch gestures to navigate' example as a base but I can't figure out how to prevent the slider from being 'continuous'. Even with the switch 'continuous:false' it doesn't stop at the first/last list item but jumps to the other end.

How can I avoid this behaviour?

Best regards & thanks in advance

Frank

sha:
Jan 29, 2013 at 08:32 PM

hi, how can i add an active class to the img tag rather than the controls?

Alex Hommel:
Jan 29, 2013 at 02:14 PM

Hi Erik,

I implemented the slider on this page with the autoheight feature:
http://affectiontheme.tumblr.com/
If you look closely on the right edge of each slide, there is 1px visible from the next slide. The dynamic ul styles display e.g. " margin-left: 2001px and it should be 2000px instead. Can you point me in the right direction, where I can actually adjust this offset of the following slides?

many thanks in advance.

Alex

Elerrawin:
Jan 18, 2013 at 09:56 PM

Hello Erik, Sorry never mind about that i've just read the documentation.
But i still want to know if there is a way to load only one page at the time. Thanks

Elerrawin:
Jan 17, 2013 at 11:49 PM

Hello there, nice slider.
I'm using the Ajax version of Sudo Slider, to slides between pages, and i was wondering if there is a way to use "Lazy load" with it, it's taking alot of time to charge, what is the purpose of ajax if it still load all pages at the beginning?
Thank you :)

Samuel Bravo:
Jan 15, 2013 at 12:33 PM

Hi Erick
First, congratulation and thanks for your code. I would like to ask if is it possible to disable the white screen that cover the non-current images. My intention is to display the image strip from side to side of the screen.
Thanks.

Lorcan:
Jan 14, 2013 at 07:50 PM

Hi Erik
Thanks for your reply again - that makes sense of course given it is called auto with stop - funny thing is when I downloaded it a few days ago the slider was behaving differently - that is - when it came to the last image - it reversed all the way back to the first slide and started again. I put this version in my web page and it works fine as I said before in Firefoc, Chrome etc but not in IE. Have I mixed this up with another slider? I cant see any now that works like this on your demos. Thanks again.

Loïc:
Jan 14, 2013 at 02:13 PM

Hello,

I try to use sudoslider in different page.

For example, I have a ecommerce website, the front page has sudoslider with a new products, and a sudo slider with the specials. It's ok because the css is the same and the width of the sudoslider is also the same.

But if I want to use sudoslider in product description (cross sell) and my width of the sudo slider is different than the front page, it's impossible because in css we have that for all css (I precise all my css has downloaded in one shot, I have a conflit with that below):
[CSS Irrelevant]

Could you tell me how to change to use sudoslider with a width : 600 px and another with a width : 400px.
Is it possible to have a .prevBtnSlider#3 for example like Slider#3, Slider#2 ?

Thank you for your script and help.

Erik:
Jan 13, 2013 at 09:03 PM

@Lorcan:
If you're still talking about the 'Auto Demo with Stop', then the entire purpose of that demo is that it stops (or you could call it freeze) at the last slide.

Lorcan:
Jan 13, 2013 at 05:32 PM

Hi Erik
Many thanks for your reply and your update - It does work better now but now freezes on the last photo - I´ve only checked it in IE 9 on your own demo.
Thanks again,
Lorcan

Erik:
Jan 11, 2013 at 03:53 PM

@Lorcan:
I've taken a look at it, and i think i fixed it.
Try to look at the demo again.

Lorcan:
Jan 11, 2013 at 12:19 PM

Hi Erik and All, I love this slider - I'm new to web development and I find it really easy to use. However I've noticed that the demo 'Auto Demo with Stop' doesnt work in IE 9. IE 8, IE 7 - it stops after the second - on IE 7 it is clear that whats happening is the text line is hitting the left margin of the page and will not slide any further thus not revealing any further text - I've looked at the original demo (with pictures) in IE and it does the same - Anyone else experience this? Thanks

Erik Krogh Kristensen:
Jan 09, 2013 at 10:28 PM

@Ruben Teijeiro:
I can confirm the bug, and i'll take a look at it when i'm at a better computer sometime tomorrow.

Edit: Found and fixed, you just have to add #slider {width: 100%;} in the CSS.

Ruben Teijeiro:
Jan 09, 2013 at 07:03 PM

Hi. I have used Sudo Slider in this website: http://detectivesinvestigadores.com

It looks well in all browsers except in Firefox, where the slides content doesn't appear. I have noticed that the content appears when I delete the "responsive: true" statement in the javascript.

Could you tell me what I'm doing wrong, please?

Kidn regards and thanks a lot for your time.

Erik:
Dec 29, 2012 at 08:57 PM

@Nick Fairall:
I actually just changed how autoheight works today.
So if you download the newest release that i uploaded a minute ago, it will work as you expect it to, even if you have autoheight on.

Nick Fairall:
Dec 29, 2012 at 01:32 PM

Sorry, figured it - setting autoheight to false seems to have done the trick.

Nick Fairall:
Dec 29, 2012 at 12:21 PM

Hi there.

I'm looking to use the 'multiple slides per slide' slider to display two slides at a time. Each slide will display html (a competition round). I'm having a problem with AutoHeight - the first slide content may display a prelim round with, say, 2 competitors, and the second slide will display the first round proper with, say, 32 competitors. AutoHeight appears to take the height of the first slide and then sets the height of the second slide to the same height, cutting of much of the second slide's html.

Any workaround please?

Many thanks.

Erik Krogh Kristensen:
Dec 28, 2012 at 10:19 PM

@Adam Dunlap:
There is a limit, with the size of images you are using that limit is about 3000 slides.
So you are not hiting any limit.

I'm having trouple replicating the bug you descriped.
What browser are you using?
If the image you are trying to scroll to hasn't yet been loaded, it could result in having a "blank" page, are you sure the image you tried to scroll to was loaded?

A way to solve it could be to use the AJAX feature of the slider, if you use that the slider can manage what slides are loaded and what slides are not.

@Ken:
Yep: http://webbies.dk/assets/files/SudoSlider/package/demos/pause%20on%20mouseover.html

@Kam Banwait:
Not a issue that i know of, or am able to replicate.
Remember that you have to specify in the "rel" attribute what slide you wan't a link to.

Kam Banwait:
Dec 28, 2012 at 01:19 AM

Hi, I've got the slider working so it loads in pages in wordpress via Ajax but any links within the slider seems to take the slider back to the 1st slide. I'm using the custom link option and have tried to be very specific with classes but the internal links still take the slider back to slide 1.

Is this a known issue? I'm lading HMTL pages in to the slides

Ken:
Dec 20, 2012 at 09:36 AM

Hi,Erik:
How to set this slider pause when mouse over the slider,and continue when mouse leave?

Adam Dunlap:
Dec 17, 2012 at 10:47 PM

Sorry, forgot to post the source....

http://www.kayacorp.com/Santa2/index.html

Adam Dunlap:
Dec 17, 2012 at 10:16 PM

Hi all,

I was trying to add 20 oddly shaped .jpg files using the index.html as an example (from the download) and it works...until the 10th image...and then I get a blank screen. Is there a limit to the images and anywhere I can set to increase it? I've viewed all the images and they seem to be valid (nothing corrupted)...

adam

Frank:
Dec 04, 2012 at 02:16 PM

@Erik:
thanks a lot for your help and for posting the updated responsive example.
It's working perfect for me now.

Best regards

Frank

Erik Krogh Kristensen:
Nov 30, 2012 at 11:56 PM

@jessie:
Thanks for the link, but it gives me a 404, so nothing i can do.

@Frank:
There is a way to do it, because i tried, and i didn't run into any problems.

I updated the responsive demo to change the number of slides shown based on the width of the browser window.
You can see it here: http://webbies.dk/assets/files/SudoSlider/package/demos/responsive.html

And when you change an option, SudoSlider automatically runs destroy() and init(), so no need to do that also. (Because of some tricks, if i didn't call destroy() and init() automatically, nothing would ever happen when changing options on the fly).

But i never ran into your "too many iterations" bug. So could you send me a page where the "too many iterations" bug is present?

Frank:
Nov 30, 2012 at 09:42 AM

Hi Erik, thanks for the great, flexible & well documented script working with desktop and mobile devices.

One question: I'm using it with a responsive layout (start value: 3 visible image columns in the slider) and I was wondering if it's possible to change the column count on windows resize on the fly at specified break points.

I tried it using destroy(), then setting a new value to a global var for slideCount and calling init() again, but that doesn't work.

Also setting the count directly for the slider instance with setOption('slideCount',value) doesn't work, it throws errors saying 'too many iterations'.

Is there any way to achieve what I'm trying the slider to do?

Thanks in advance, Frank.

jessie:
Nov 28, 2012 at 05:19 PM

sorry, you can take a look here: http://www.home-schlafen-wohnen.de/bettgestelle-polsterbetten-koeln.html

jessie:
Nov 28, 2012 at 05:17 PM

hi, i tried to install the slider, but it doesn´t work like in your demo :-( what i do wrong?
thx a lot für help!
jessie

Erik Krogh Kristensen:
Nov 22, 2012 at 09:15 PM

@Miguel:
In order to perform the fade animation, SudoSlider places the new slide on top of the old ones, and while animating this slide has a z-index of 10000.
By setting the z-index of whatever is on top of SudoSlider to something bigger than 10000, the issue will be resolved.

@Mor:
Thanks for noticing, and many thanks for actually finding the course.
I'll look into it.

@Phil:
By using the callbacks ("beforeAniFunc" in your case), you can make so that you fade the controls in when the slider hits the second slide.
This demo: http://webbies.dk/assets/files/SudoSlider/package/demos/callbacks%201.html should give you an idea of how to use the callbacks.

Phil:
Nov 21, 2012 at 08:26 PM

Love this script!
One question: Is there a way to only show the numericText if it is counted 2 or more slides?

Mor:
Nov 21, 2012 at 04:52 PM

Great script! Just an FYI, I was beating my head over a strange 1 pixel-shift glitch in firefox (not sure if just on MAC or PC as well)... then I discovered "bigNumber". 10000000 as it was, translated to "1e + 7px" in firefox and firebug said that was an unsupported value. After changing it to 9000000 everything worked like a charm. Thanks again for a fantastic script.

Miguel:
Nov 21, 2012 at 12:58 AM

Hi, I'm using the fade effect and I have another div partially positioned over the slider. The part of that div is fading along with the slider images. Is there a way how to solve it? Thanks.

Erik Krogh Kristensen:
Nov 15, 2012 at 10:56 PM

@Andrea:
I can confirm that it doesn't work. But i can't help you.
I use TouchSwipe from here: http://labs.skinkers.com/touchSwipe/ to make the touch-gestures possible.
Try to ask him if he knows a way to make links work in a "touch" area. Because i don't.

@Carole:
The bug in 2.1.8 depends on what browser you are using. As far as i remember that bug only affected FireFox.
And i cannot replicate the bug you are describing.
Could you make a site that demonstrates the problem and send me a link?

Carole:
Nov 12, 2012 at 05:03 PM

Hi,

I'm using your plugin ( which is really great, thank you so much ! ), but there is a little bug with two version that I've tested.
With the version 2.1.8, one pixel of the next image is shown, and with the version 2.2.5 only the first and the second image are sliding, but not the two others. The slider stops at the second image, but manually it still works.

Any idea to make it work perfectly ?

Thanks !

Andrea:
Nov 10, 2012 at 06:24 PM

Hi there,

I'm using this demo code:
http://webbies.dk/assets/files/SudoSlider/package/demos/touch.html
I've inserted a link into one slide but it's not working using an Android 4.0.4 tablet.

Can you help me?

Thanks

Milind Utsav:
Nov 09, 2012 at 05:52 AM

No problem Erik. It is anyway working now. Thanks for all your help, and cooperation. And for this awessome plugin, of course!!

Erik Krogh Kristensen:
Nov 06, 2012 at 07:03 PM

@Milind:
I do not think i can help you anymore without having a page where the problem is present.

Milind:
Nov 01, 2012 at 07:42 PM

Hey man!! It seems to work somewhat. Now, what happens is that it goes to the second image with the function slider.goToSlide(2) but it doesn't come back to the first with slider.goToSlide(1). This function is not called even, it seems. I can always hard code the first image to be something else like a blank tile or some logo etc, but is there something else I can do? And, sorry for replying so late. Was consumed.

Erik Krogh Kristensen:
Nov 01, 2012 at 03:34 PM

@Juan Manuel Arias:
Looks like you fixed it yourself.
If you didn't, look at Alex Hommels latest post.

@Alex Hommel:
Good you found the fix yourself.
I also just realized that the example CSS in the demos didn't have display:block and position:relative on the li and ul tags, so i fixed that.

Alex Hommel:
Nov 01, 2012 at 01:39 PM

Sorry for not reading through all the posts here. This problem was described earlier and I was now able to fix it by adding position:relative & display:block to the #slider ul and #slider li CSS tags. Many thanks for this!

Alex Hommel:
Nov 01, 2012 at 01:24 PM

Hi Erik,
I have the same issue as Juan Manuel. My slider also returns to the first image when pressing the next button. The height adjustments works for the other 2 images, but the picture shown is always the first slide. I would greatly appreciate your help in this matter, because this is an awesome plugin!
Thanks in advance.

Kind regards,

Alex

Juan Manuel Arias:
Oct 29, 2012 at 11:20 PM

Hi, would you take a look at http://silvasilva.com.br/residencial/ and help me debug the slider?
As you can see, it always returns to the first image after each transition.
What's wrong with it?
Thnx

Erik Krogh Kristensen:
Oct 27, 2012 at 08:58 PM

@Cherkaoui:
There sure is.
In general, when something is working without using AJAX, it still works when using AJAX. That includes history.
Try clicking this link: http://webbies.dk/assets/files/SudoSlider/package/demos/history.html#third-slide
It links to the third slide in the slider (you can see in the code how to specify the "link-text" to each slide).

So even if you are using AJAX, you can do the same as i did in the history demo (i just tested it, and it works).

Cherkaoui:
Oct 27, 2012 at 07:40 PM

Hi Erik,
Great slider!
I'm working with the Ajax version, and i was wondering if there is a way to make links from an other page to a specific slide in our slider page.
Thanks.

Erik Krogh Kristensen:
Oct 27, 2012 at 04:41 PM

@Grrrbytes:
Questions are made to be answered, in this case its quite easy.

1. It is very possible, you just have to call the a method when the user press a key (i just made a demo: http://webbies.dk/assets/files/SudoSlider/package/demos/keyboard.html )
See the methods section on this page: http://webbies.dk/SudoSlider/help/ to see exactly how you can use the different methods that SudoSlider provide.
2. Just set the option numericText to some array of strings (like in this demo: http://webbies.dk/assets/files/SudoSlider/package/demos/history.html )

Grrrbytes:
Oct 27, 2012 at 03:42 PM

Tnx for the great script. Two questions though:

1) is there any way to bind keyboard shortcuts to next prev navigation without modifying the original file?
2) is there any way to make the navigation '#' links more meaningful? For instance I have a customized navigation menu. Right now each link points to #1, #2, #3, #4 etc. Can it be customized to make it link to #about, #contact, #services for instance?

Erik Krogh Kristensen:
Oct 24, 2012 at 10:20 AM

@Ken:
For some odd reason i didn't update jQuery in that demo. So it was running jQuery 1.5.2.
Since SudoSlider requires jQuery 1.7+, it didn't work.
I updated jQuery, and then it worked again.
I put a lot of effort in making the script backwards compatible, so no demo should break because the version of SudoSlider is "to high".

Thanks for finding it.

Ken:
Oct 24, 2012 at 02:19 AM

Hey,Erik:
Can you please see the demo "thumbnails",http://webbies.dk/assets/files/SudoSlider/package/demos/callbacks%204%20%7Bthumbnails%7D.html#
It's not work.I don't know the problem. Maybe the version 2.2.2 is too high for this demo. Can you fix it! Thank you!

Erik Krogh Kristensen:
Oct 20, 2012 at 04:50 PM

@Milind:
Maybe i wasn't clear enough, when i talked about setting margin-left, i talked about the ul, not the img.

I've set a little demo up that should help you with the rest, just look at the source code.
http://webbies.dk/assets/files/SudoSlider/package/demos/modal%20-%20Copy.html

@Vivien:
My primary browser (including when developing) is Chrome, so i have no idea why that is happening.
And i do not have a server with HTTPS, so i cannot test it myself.
Can you send a link to the page, so i can have a look at it?

Milind:
Oct 19, 2012 at 09:48 AM

I did what you said earlier but its still the same. And changing the CSS would change all the image properties while my problem stands with only the first image. I figured out that, if, on load of the popup, I slide the image once to the right and then again to the left, it comes back to the first image. But I don't have a clue how to do it programmatically. Can you tell me a way so that I can slide the image once right and again left, only for the first time?

Vivien:
Oct 19, 2012 at 08:48 AM

Hello,
I'm using this slider on web server with https .
The demonstration exemple works correctly with firefox, IE but not with Chrome.
With Chrome, the images file to the "basic" demonstration are displayed one below the other and scrolling buttons do not appear.
Can this be related to "https" ?
Do you have any idea how to operate the slider with Chrome?

Thank you in advance,

Erik Krogh Kristensen:
Oct 14, 2012 at 02:33 PM

@Milind:
It sounds like you are initializing the slider to early.
The slider must be in the visible in the DOM for SudoSlider to initialize properly.

So i would suggest that you try to initialize the slider after the popup is shown.
Or you could manually set the CSS property "margin-left" to "-[width of first image]px" (f.e. "margin-left: -570px").

Milind:
Oct 14, 2012 at 05:58 AM

First of all, let me admit that this plugin is amazing. For my site, I am using your sudo slider to display images in a popup, that are picked from other host sites, like in a bookmarklet. What happens is that the slider displays the last image on the first slide but the image URL, and the tag all show the details of the first image. However baffling this may be, when I slide to right, it scrolls by two images(I have continuous:true) and comes to the second image. From there it picks up its usual course. Kindly look into this and guide me as to what may be my error.
Thanks.

Erik Krogh Kristensen:
Oct 12, 2012 at 04:27 PM

@Kevin:
No idea there mate.
It might be caused by you trying to reference the object in a scope where it isn't defined.
Unless you mail/upload an example, this is all you're gonna get.

@Caitlin:
The history feature only adds the "extra" to the current address (look for "#2" in the address bar), it doesn't add it to the links.
It should work if you add "#2" (without the qutation marks) after every link that reloads the page.

@Philippe Daniel:
http://webbies.dk/assets/files/SudoSlider/package/demos/rich%20content.html
Look in the source code.

@Adriana C:
First the easy part. To set the speed just adjust the speed option. Look in the docs: http://webbies.dk/SudoSlider/help/
For sliding from left to right, i would suggest that you make the slider start in the last slide (see about startSlide in the docs), and then make your own controls to make the illusion that the first slide is on the far right.

@Ben Weston:
When i went to your site, i didn't see the issue. Tried in Chrome and IE 6, 7 and 10.
If you still have it, it sounds like a CSS issue, and you're far from the first to have one of those.

So look at the CSS in the download, and make sure that you have everything relevant from that (its mostly position:relative or display:block that people are lacking).
Then in your case i would suggest also making very sure that the browser cache is cleared, since an old cached version of your CSS file could cause exactly what you are describing.

Ben Weston:
Oct 11, 2012 at 08:48 PM

Hi there. First off, thanks for taking the time to write a great piece of software! I'm having a few issues getting it to work smoothly. I'm a web designer by profession but this one's got the better of me!!! I've implemented the basic slider as advised but once it changes to the next 'slide', it seems to revert to showing the original again before momentarily transitioning to the next one and then showing the first one again, etc. You can see it at http://fluffyegg.com/hosted/dmh/. Perhaps this is something simple I've missed but I'd love to get it working and use it in future projects!

Adriana C:
Oct 11, 2012 at 06:25 AM

I would like to make sudoslider to turn from the left to the right, and to slow the sliders speed. How can we do that? Thank you,

philippe DANIEL:
Oct 04, 2012 at 04:03 PM

Hello
i want to know how can i set HTML code (div, h1, img)in a slide
is it possible, if so, how can i do ?
philippe (France)

Caitlin:
Sep 26, 2012 at 03:38 PM

Erik,

I have an inner navigation on slide 2 of my slider. When you click any of the links it reloads the page and sets you back to the startslide (which is 1 in my case). I understand that history:true should fix this problem but I find the history feature finicky....is there any additional code I can add to tell the script to stay on slide 2 onclick?

I started here - .link2 is the class I assigned to the inner nav links;
$('.link2').ready(function(){
sudoSlider.goToSlide(2);
});

This is clearly not the solution but if you could point me in the right direction that would be very much appreciated.

Best,

Caitlin

Kevin:
Sep 26, 2012 at 03:39 AM

I have a slider that contains a form on each slide. I would like to remove the slide once each form is submitted. I am having trouble referencing the slider in the ajax callback because it is not defined. Thoughts? (I looked through the comments first to see if I could find an answer)

Erik Krogh Kristensen:
Sep 21, 2012 at 07:56 PM

@Jack Lenox:
Looking at the error console, the bug is not hard to find.
Its the ScrollTo plugin bugging up, and most likely taking parts of jQuery down with it.
I just tested, updating the ScroolTo plugin should solve the problem.

@Tansh:
It might be due to the TypeError that a part of the script in the template throws. SudoSlider should work fine on the any template if you read the documentation (and sometimes a little knowledge on CSS is required).
And unless you give me a link with you "failed" implementation, this is all the help you're going to get.

@Olan Suddeth:
I'm quite sure it can be done, and i've done some of it here:
http://webbies.dk/assets/files/SudoSlider/package/demos/nested%20sliders%20-%20Copy.html

The whole "original home page content should be hidden" part is missing, but most of the stuff is working.
I think that doing more than than the above demo requires knowledge about your particular layout. So this is all you're gonna get.

Olan Suddeth:
Sep 21, 2012 at 06:26 PM

I see a demo of a slider within a slider, but the demo really just seems to be showing two directions of sliding. I'm hoping to accolish the following, and wonder if this script can do it:

I have a home page that links to four other pages via a footer nav bar (I plan to present all pages as slides witin the one page). When clicking on a link on the home page, the original home page conten should be hidden, a new menu should display (slide into place at the top of the screen), and that menu should then operate sliding content beneath it from each of the four child pages (with the appropriate child page loading fromthe home page link). If the home link on this new menu is clicked at any time, we hide the child div (and new men) and show the original home page again.

I know that it sounds complicated, but it's only five silly slides of HTML.

Does that make sense? Can your script do this?

Tansh:
Sep 17, 2012 at 07:20 AM

Why my sudo slider 2.2 cannot use in template "MetroBTK"?
template address: http://btemplates.com/2012/blogger-template-metrobtk/

Jack Lenox:
Sep 14, 2012 at 03:13 PM

Hi there,

Fantastic plugin Erik. I love SudoSlider and I will be buying you a cup of coffee.

However, I am having one issue on a client site that I'm building at the moment. The autoheight feature seems to work fine on the url shown below:
http://benchmark.com.s125470.gridserver.com/what-we-do/

But I have also added a dropdown with direct access to each of the slides and if you navigate directly to any of them, autoheight doesn't work, like this:
http://benchmark.com.s125470.gridserver.com/what-we-do/#training

I'm banging my head against a wall trying to work out what's happening! Any help would be much appreciated.

Cheers,

Jack

Erik Krogh Kristensen:
Aug 25, 2012 at 01:39 AM

@Patryk:
Dynamic width/height based on multiple slides is not something SudoSlider supports, so you have to do it manually.

Like i did here:
http://webbies.dk/assets/files/SudoSlider/package/demos/dynamic%20width%20tmp.html

See the source code for details.
Note: I only changed the JavaScript.

Patryk:
Aug 25, 2012 at 01:39 AM

Hello, i have a problem that haven't be mentioned before in these pages.

I have a 698px slider and i want to show multiple slides with images that have all the same height but not the same width (generaly 571px, 254px and 677px). I would to see the principal slide + a begining of the next, sticked to the principal (with a white border of 5-10px between).
I've tried like in your "Sudo Slider jQuery Plugin - Multiple "slides" pr. slide + continuous demo", but it don't works. I see always just 1 slide, with blank space (due to the difference of image and slider width) at its right.
I've tried with and without "width" in all css lines (here in the code, i left 250px just like that... :/ )

I paste you my code. Can you help me?

CSS:
[CSS Removed, not needed]

Script:

$(document).ready(function(){
var sudoSlider = $("#slider").sudoSlider({
autowidth:true,
autohight:false,
slideCount:2,
moveCount:1
});
});

Erik Krogh Kristensen:
Aug 16, 2012 at 01:52 PM

I just released 2.2.0.
For a full changelog see: http://webbies.dk/assets/files/SudoSlider/package/Changelog.TXT

SudoSlider can now be responsive, so @gmclelland: yes, you can. Se this demo: http://webbies.dk/assets/files/SudoSlider/package/demos/responsive.html

I also updated this comment page, so there are multiple pages of comments (much faster loading time).

Erik Krogh Kristensen:
Aug 16, 2012 at 01:54 PM

I still don't see it.

Could you send me an email or something with a screenshot where you pinpoint the issue.

Kristin Falkner:
Aug 02, 2012 at 01:13 PM

Firefox 13 & 14 (not sure about 12) are seeing the 1px issue on even-sized browser viewports. I wasn't seeing it on 11 either but on the computer with an up-to-date Firefox version, it's there.

Erik Krogh Kristensen:
Aug 01, 2012 at 12:27 PM

@Alinea*G:
I'm currently working on that.

@Jeff:
No.
In the demos there's a little ad in the bottom of the page (below the explanations), but there shouldn't be any within the slider itself.
So i have no idea where that ad came from.

@Kristin:
What version of Firefox and which OS did you use.
Because i wasn't able to reproduce the error in Firefox 11 and 14.0.1 on a Windows 7 64bit.

Kristin:
Jul 31, 2012 at 10:56 PM

I wanted to amend my last comment/issue. The Firefox issue only seems to happen if your browser viewport is at an even width. If it's an odd, the transitions are fine. But if your browser is evenly sized at like 1280 vs. 1279, the 1px issue occurs. It occurs on all the demos at an even sizing, as well.

Kristin:
Jul 31, 2012 at 10:05 PM

SudoSlider is awesome -- thanks for the great script. The newest version 2.1.8 does seem to have a 1px positioning issue with Firefox. It seems to either err 1px to the left or right. Sometimes it seems to be every other animation, other times it's just 3-4 slides in a row. Ex: http://www.traceybuyce.com -- no other browser experiences the jump that I've seen. Just wanted to make you aware of the issue!

Jeff:
Jul 30, 2012 at 05:02 PM

Hey,

Quick question: Is it possible that your sudoSlider code is displaying 3rd party Advertisements? One site we're using it on is showing a 3rd party Ad that pops up in the slider container. The Ad looks similar to the ones you see on YouTube.

Thanks.

Alinea*G:
Jul 27, 2012 at 12:23 PM

Hi there ! Thanks for such a useful tool ! I'm trying to get sudoslider doing a full background slider.
I'm not javascript pro and I can't figure out how to make the slider always fit the screen, without scrollbar, and cutting the image more than stretching it in a weird way... Do you think it's possible ?
Thanks, Alinea*G

Erik Krogh Kristensen:
Jul 14, 2012 at 10:54 AM

@Raymond Sugel Sr:
You can fix it by chaging my CSS to only target the children and not all decendants (see this: http://webdesign.about.com/cs/css/qt/tipcsschild.htm), you'll lose support for IE6 though.

Or you can give all LI and UL in the slider a class, and then make sure that my CSS for LI and UL only target those.

Raymond Sugel Sr:
Jul 13, 2012 at 09:13 PM

Hello,
I'm using this slider in an eLearning project and am having an issue with bullets not displaying in a UL that is within a DIV that is within the slider LI. Here's an example:

<DIV id="slider">
<UL>

<LI>
<H1> blah blah blah </H1>
<DIV class="left">
<P> blah blah blah </P>
<UL>
<LI> blah blah blah </LI>
<LI> blah blah blah </LI>
<LI> blah blah blah </LI>
<LI> blah blah blah </LI>
<LI> blah blah blah </LI>
<LI> blah blah blah </LI>
</UL>
<P> blah blah blah &t;/P>
<UL>
<LI> blah blah blah </LI>
</UL>
<P> blah blah blah &t;/P>
<UL>
<LI> blah blah blah </LI>
<LI> blah blah blah </LI>
</UL>
<P> blah blah blah &t;/P> <br />
<P> blah blah blah &t;/P>
</DIV>
<DIV class="right">
<img src="images/1_0.png" />
</DIV>
</LI>
</UL>
</DIV>

I've commented out anywhere list-style or list-style-type has been set to none in the sudoSlider css and js files without success. I've also tried any selector I know of to set list-style or list-style-type to disc.

Any insight you can provide is greatly appreciated.

Thanks in Advance,
Ray

Erik Krogh Kristensen:
Jul 07, 2012 at 10:03 PM

@Melina:
You're welcome

@gmclelland:
The basic answer is no, SudoSlider can't adjust to a changing width.

But it might be possible, by calling .destroy() and .init() after a resize, to make the slider re-fit inside its new size.

It's something i might work on later.

Melina:
Jul 07, 2012 at 05:57 PM

I tried what you told me and it works perfectly! Thank you so much :)

gmclelland:
Jul 06, 2012 at 08:01 PM

Would this work in a responsive web design like flexslider does? http://www.woothemes.com/flexslider/

Thank you

Erik Krogh Kristensen:
Jul 05, 2012 at 08:03 PM

@Melina:
During the fade animation, i set the z-index of the new image to 10000, to make sure that it is very much in front of the slider.
So you can fix your problem by making sure fancyBox is even further up, by settings its z-index to 10001. Like this in your CSS:
#fancybox-wrap {z-index: 10001;}

Melina:
Jul 04, 2012 at 01:18 PM

Hi Erik, thank you for this wonderful plugin!
I'm trying to use Sudo Slider in a project for which I need to integrate the slider with Fancybox. Basically when you click on an image in the slider, it is shown in real size in fancybox. I'm having an issue with this, since there is an overlap between the slider and the fancybox window, having the images of the slider on top of it when the fading occurs.
Here is the link to the example page: http://www.melinaolivella.com.ar/arginbureau/servicios.html
Is there a way I can fix this? Any help would be highly appreciated.

Erik Krogh Kristensen:
Jun 28, 2012 at 09:57 AM

@Moe:
I was not able to recreate (1), so i'm not sure what you are doing.
So basicly, i need more info, i need the exact code you are using, or a link to a page where the problem is.

Moe:
Jun 27, 2012 at 04:53 PM

My question is almost too dumb to ask, but I'm new to the js world so maybe not. When adding your slider, (1) the first image isn't there at the start, it fades in and (2) once it's done, it completely disappears before the next one shows, meaning, they don't fade between each other.

I'm sure it's a setting but I don't know which one it is.

Erik Krogh Kristensen:
Jun 27, 2012 at 03:03 PM

@Stan:
You could use the callback functions, so that when slider2 slides, the callbacks resize slider1.
Remeber to turn of autoheight and autowidth on slider1 if you do that.

@Sander:
For that to work, you need to use some CSS, to make sure that the "top" slider is twice the width/height of the nested sliders.
slideCount is actually only a variable to tell the script how many slides you are showing, you have to make sure they are shown using your own CSS.

@Pixi:
Yes, change the CSS.
CSS is not my strong side, so the heights and widths are hard-coded in that demo, just add some pixels to the height to make it work.

@Dick Kirkland:
You're welcome

@Stefan:
You can't do this simply by setting some settings, but you can do it manually.
If you set up some JavaScript, where each animation triggers a setTimeOut that then triggers the next animation you can emulate the automatic sliding, and by making each animation go to "prev", you can make it go the other way.

@Kenn:
See my answer to Stefan

@Kam Banwait:
I'm actually surprised to hear that continuous works with nested sliders in any browser, didn't expect that.

I think the problem could happen if you start the inner slider before you start the outer slider.
Since continuous crates clones of the slides, this could cause problems if you try to clone an already started slider.
So if you currently start the nested slider first, start it as the last.

If you wan't any more help, i'll need a page demonstrating the problem.

@Steve C:
Yes.
If you have stored the slider in sudoSlider, this works:

afterAniFunc: function(t){
if (sudoSlider.getValue('totalSlides') == t)
{
$(".submit_quiz").css("display","block");
}
}

@Tozé:
See the nested sliders demo, if you create a nested slider that is smaller, and have its own numeric controls, then it would basicly be as in your image.

@Marc Korthout:
No that is not normal.
The SudoSlider works on all apple devices i have acces to, but that does not include an iPhone.
What iPhone do you have?
Would you be able to help me debug the problem?

@grzes:
You are correct, the current behaviour is not good, i have changed it in 2.1.8

@Sunkist:
I don't know.
Maybe you can pause the video using JavaScript inside a callback, but i have no idea of how to pause/stop an YouTube video using JavaScript

@Julien:
If you when you initiate the slider set preloadAjax:false
Then the slider should only load the current slide and its sibling

@Sandro:
As i write in the docs, the callback functions can run many times on clones of the same slide.
So it does run on the same slide, just different clones of it. (Some older versions of SudoSlider had some problems, where they didn't run on the correct clones).
But that is not a good way to do it, so i have changed it in the newest release (2.1.8)

@baca:
You could wait 800ms (if that is your animation time) before starting the auto-animation in the main slider.

@jitender:
Use this, it will stop it when it reaches the last slide.
The below code works if the slider is saved the variable sudoSlider.

afterAniFunc: function(t){
if (sudoSlider.getValue('totalSlides') == t)
{
sudoSlider.stopAuto();
}
}

jitender:
Jun 21, 2012 at 11:24 AM

Hey there

sudoslider is very nice slider, it has many options over there but i have little issue with that my problem is that i have 5 image in slider and 3 display at once and i set it auto mode. it is scrolling one bye one now i just want to when my last image visible slider should stop automatically.

Sandro:
Jun 15, 2012 at 05:08 PM

Hi, first thanks for the great work.

I have a problem using the callback beforeAniFunc or afterAniFunc. The callback is called a lot of times and with different values for the var this. Is possible to receive the callback only one time and with the value of the var "this" corresponding to the actual slide?

TY

Julien:
Jun 08, 2012 at 02:25 PM

Hi, I really like your plugin and I use it very often.

I need it for my curent project and I have a question about the Ajax feature.

First, I load my sudoslider with no content, because I want to use Ajax.
Then, I set the ajax array via the "setOption" method.
This works fine, but the plugin load every url of the ajax array not only the curent slide and siblings...

I'm work on localhost, and i have read a comment about the "ajaxLoad" method.
The comment says the ajax feature can bug in localhost but works well on a server.

So my question is, if I set the ajax array with the "setOption" method, sudoslider will be able to load only the first slide and siblings at start or it will load all the url in the ajax array automatically?

Thanks a lot !

Sunkist:
Jun 06, 2012 at 10:14 PM

Hello, thank you for this great slider. Iam using it for embedded youtube-videos and there ist a problem. If I click the Play-Button on the embedded youtube-player the video ist playing and don't stops if Iam sliding to the next video. The music plays in the background. How can I fix this? Thanks and regards, Sunkist

grzes:
May 03, 2012 at 04:32 PM

i don't like how 'moveCount' option behaves. when i set it to 5 for instance, and there are 2 slides on the next page slider should move only 2 slides, currently it moves by 5 leaving empty gap on the right. i think it should work more like here: http://sorgalla.com/projects/jcarousel/examples/static_simple.html. i tried to modify this behavior inside callbacks with no luck :(

Marc Korthout:
May 01, 2012 at 07:43 AM

Your slider looks and works great! Works perfectly on my iPad but my iPhone just shows 5 seperate pictures.
Is that normal or am I doing something wrong?

Tozé:
Apr 25, 2012 at 01:30 PM

Hi! I know its possible to have nested slides. But is it possible to have a slider in a slide?
Like this image: www.slimmymusic.com/slide/slide.jpg

Thank you.

Steve C:
Apr 23, 2012 at 08:51 PM

Hi there-
Thanks for the great plugin.
I am trying to have a button show up when the user reaches the last slide. When I was previously using Flexslider, I was able to accomplish this with "end" attribute like this:

end: function(){$(".submit_quiz").css("display","block");},

Is there similar functionality with Sudo Slider? I tried detecting "currentSlide" but I am having no luck. Any ideas?
Thanks!
-Steve C

Kam Banwait:
Apr 17, 2012 at 10:37 AM

Found an IE7 bug :(

I'm creating a slider that contains another slider within it on the last slide. If I set continuous to True on the main slider the inner slider doesn't work in IE7. IE8+ and other browsers can handle it but IE7 falls over, with no error messages. It just fails to target the 2nd slider inside of the main slider.

I've fixed it by removing continuous TRUE on the main slider but it has effectively lost one of our main wanted features of this slider :(

Is there any fix to this?

Thanks ... overall this is a really good slider !!

Kenn:
Apr 11, 2012 at 07:23 PM

Is it possible to have the slides animate from left to right instead of the traditional right to left cycle?

Thanks,
Kenn

Stefan:
Apr 06, 2012 at 03:39 PM

Hi there,

I was wondering how I can make images auto slide from left to right, instead of the default right to left.

Many thanks,

Stefan

Dick Kirkland:
Mar 22, 2012 at 06:55 PM

Hey Erik,
Thanks for your response on AJAX and the history option.
I appreciate you testing the issue in different browsers.
I'm building something with SudoSlider and will let you know if I experience similar issues.
Once again, great work and thank you!
Sincerely,
Dick

pixi:
Mar 15, 2012 at 12:25 PM

Great slider. Lots of awesome features. Thanks for sharing!
I just wanted to ask something regarding "Creative navigation 2" http://webbies.dk/SudoSlider/assets/files/SudoSlider/package/demos/creative%20navigation%202.html, when I add more than 5 items, the list starts work weird. Is there a way around this?

Sander:
Mar 08, 2012 at 05:05 PM

Hi, this plugin is just what was looking for. I need the nested example to show more then one item at a time. I did set the slideCount to 2 but it does not work. Any ideas?

Thx Sander

Julie:
Mar 08, 2012 at 02:43 PM

I'm using your slider in jquery tabs. It works great when the Photos tab is loaded on the first tab, but if you go to this link where the Maps tab is loaded first, then the slider doesn't load correctly: http://vps7253.inmotionhosting.com/~visitfol/index.php/attraction-library?attreq=listing&attid=2#directions.

Any ideas?

Stan:
Mar 07, 2012 at 02:43 PM

I was wondering if we could get a better tutorial or explanation for sliders embedded in sliders?

I've got one slider with 4 slides, lets call it slider1. Within one of those slides I've got another slider, we'll call that slider2.

Now, slider2's content has different sizes, as it is rich content, but when I slide slider2 it will bleed off the div that slider1 is in.

How can I get slider2 to update the height of slider1 basically.

Cheers,
Stan

Erik Krogh Kristensen:
Feb 28, 2012 at 09:09 PM

First of all, this is writting quite quickly, without me checking any grammar, so bear with me.

@Asif:
See this demo: http://webbies.dk/SudoSlider/assets/files/SudoSlider/package/demos/history.html#number 4

@tetsu:
Currently the script translates user input into a slide that the user wants to move to.
The slider then finds the shortest path to that slide, that is what currently makes continious work, it doesn't just keep sliding in that direction, it just slides to whatever is the closest.
So in short terms, no, you cant solve that. Not with the never versions of sudoSlider at least.

@Rainmaker:
Donation form: http://webbies.dk/SudoSlider/donate/
I changed the sorting direction of the comments, thanks for reminding me.

And glad that you managed to fix the problem

@Corie:
I just tried opening the site in firefox, and couldn't se the 1px bug, did you fix it?

@cssyren:
I have no idea, but i don't see any reason why it shouldn't.
Just give it a try, its not hard to set up.

@Dick Kirkland:
The script is complicated, especially the Ajax part.
If something doesn't work in some browsers, then the change of me knowing why is very small.
And in this case, i have no idea.

Ajax and history should work together, mostly because history should just be another "layer" on top of sudoSlider, basicly triggering the same events as if you pressed a button.

I tried to replicate your bug in Firefox 7.0.1, 9.0.1 and 10.0.2, and couldn't.
If the bug is only in 10.0.1, then ignore it, most firefox users updates their browser to the newest version regualy.

If you really want me to look at the bug, then make a page where the bug is present (because i failed at that), and the me a link to it.

@Jorge Elvir:
About ½ a year ago, in tried running it on a first gen iPad, and it ran smoothly.
The javaScript that does the animation is just a jQuery.animate, and i believe that the jQuery team has optimized everything that can be optized when it comes to animation.
One of the things that can make the animation lag on almost any computer is image size, especially when having a big image in a small container (down-scaling). Look at your images and make sure non of them are scaled by the browser, that could help a lot on performance.

@Andreas:
The basic jQuery animation i'm using to do the sliding adds the overflow:hidden, so basicly no.
You could experiment with the width of the thing, making it 100% or something like that (i have no idea how that will work).
And to make you effect you are talking about, i would suggest that you have a main slider, and 2 extra slides that are 50% opaque on the left and right side of the main slider.

@Rif:

Like this:
http://webbies.dk/tmp/sudoSlider218/demos/basic%20-%20Kopi.html
I had to remove the fading of the next/previous buttons, more than one animation at the same time on the same element is hard in jQuery.

@Vincent Muoio:
There are lots of "no right click" scripts on the internet, and i suggest that you do not use them.
If you wan't the user to view an image, they can copy it. End of story.
It is not possible to have an image on a website, that can't be copied.

If you wan't to protect your works, a common method is to watermark it with some sort of logo, or other things that are not easily removed (see for example the images on istockphoto.com)

@Kees Hessels:
No, there isn't a way to cancel it.

But i would suggest that the button the user clicks, triggers your javascript instead of SudoSlider.
Then you can make the slider animate, if the form checking completes.

@Amir Khan:
The flashLike demo was using some old code, that wasn't updated.
It will be fixed in the next version.
Meanwhile, you can see the updated version here: http://webbies.dk/tmp/sudoSlider218/demos/flashlike.html

Amir Khan:
Feb 27, 2012 at 03:52 PM

Hi Erik,

Have you noticed any issues when using the Flash Like demo on IE9? It doesn't load the images until you refresh the page, I haven't been able to find any errors, do you know why this is happening?

Thanks!
Amir

Kees Hessels:
Feb 26, 2012 at 03:18 AM

Hi Erik,

Great work on your slider AND the time you put in to support....
I am using the beforeAnim function to do some form checking.
Q: is there a way to cancel to animation to the next slide ?
( in case the form checking fails )
Thanks,
Kees.

rif:
Feb 18, 2012 at 04:41 PM

Hello.
Thanks for your hard work! :-)
I living in Estonia and my english is not perfect.
But my question is:
How to but this three scripts examples together?
http://webbies.dk/SudoSlider/assets/files/SudoSlider/package/demos/autowidth.html
http://webbies.dk/SudoSlider/assets/files/SudoSlider/package/demos/callbacks%208%20%7BhideNavWhenNoFocus%7D.html
http://webbies.dk/SudoSlider/assets/files/SudoSlider/package/demos/pause%20on%20mouseover.html
Thanks

Andreas:
Feb 17, 2012 at 08:41 PM

Hi! Great scroller. Have two questions.

Is it possible to disable the "overflow:hidden" that are getting added when scrolling?
Can the slides outside the "main" slide be set to be 50% opaque?

Jorge Elvir:
Feb 16, 2012 at 05:31 PM

This is an awesome plugin I love it! it works flawlessly on any major browser and any mobile device, but I came across with a small problem on the first iPad, the transitions like fade for example aren't as smooth as the rest of the devices/browsers even on the ipad2 works great, but on the first ipad the transitions are all choppy, could there be any fix for this or it's just the ipad who can't handle javascript very well?

Dick Kirkland:
Feb 14, 2012 at 09:57 PM

Yay! I saw more documentation on the callbacks for sudoSlider and was able to capture and display the value of the slide number above the slider (seen in the snippet below).

I noticed that I'm unable to load my first slide of AJAX content using "history:true,"
without using the option
"preloadAjax:false,"

I was only able to produce the bug in FF 10.0.1. IE worked fine. In FF, without using "preloadAjax:false", sometimes the first slide would load and sometimes it would not. Also, this intermittent loading happened with both content that was hashed and just refreshing the first page/slide of a set. Do you know if this is the best method of trying to use history and AJAX together with sudoSlider?

Any help or advice would be greatly appreciated.
Thanks again,
Dick

$(document).ready(function(){
var sudoSlider = $("#slider").sudoSlider({
numeric:false,
history:true,
preloadAjax:false,
speed:'400',
ajax: [
'AjaxDependencies/ajax.html',
'AjaxDependencies/form.html',
'../images/03.jpg',
'../images/04.jpg',
'../images/05.jpg'
],

afterAniFunc: function(t){
$('div.descrip-text #slidenumber').text(t);
}
});
});

Dick Kirkland:
Feb 14, 2012 at 03:14 PM

Thanks for this great script and its wonderful documentation! It rocks!
I've been doing some tests with the code and have one question.

I'm trying to print out the value of the slide content that's fetched via AJAX after it has loaded, and place that value in a title above the slider.

In using the "history mode" of the slider, is there any way you could elaborate on how to obtain and write the value of the current slide from "sudoSlider.getValue('currentSlide');"?

I have tried several things, but don't know if some function(s) should go in or outside of the original document.ready. Any additional help or insight would be greatly appreciated.

Sorry to bother you with this because you have done a lot of great work for many folks already.

Thanks in advance,
Dick

cssyren:
Feb 10, 2012 at 03:07 PM

Hello,
Congratulation for this tool wich is great and very simple to use. But I have a question for a specifical use. Is it possible to use sudoslider in order to make an arab website ? It means that sudoslider works in mirror mode width the dir="rtl" ?

Thanks ;)

Corie:
Feb 08, 2012 at 08:51 PM

I was using 2.1.6 on a few websites and seeing the 1px positioning bug in IE8. I upgraded to 2.1.7 and it fixed the issue but now I'm seeing the same issue in Firefox with one website ( http://www.advocoinc.com ). 1px of the right side of the slide to the left shows up on every even numbered slide, so 2nd, 4th, and 6th.

rainmaker:
Feb 08, 2012 at 06:08 PM

oh, sorry for point 3. I've renewed sudo script and everything is fine now. Just want to donate now :)

Rainmaker:
Feb 08, 2012 at 06:03 PM

Hello.
I've got 3 questions.
1. I want to donate, is there english version of donation page?
2. Can you move question post form to the top of the page, so it won't be nessesary to roll all the way down
3. I've got strange bug: last frame of slider rolls back to the first instead of showing it next.

css

#slider, #slider li {width:387px;overflow:hidden; height:358px;}
#slider ul, #slider li{margin:0;padding:0;list-style:none;position:relative;display:block;}
#slider li {display:none;}
#slider li:first-child {display:block;}

script

$(function() {
var sudoSlider = $("#slider").sudoSlider({
continuous:true,
auto:true
});

})

tetsu:
Feb 08, 2012 at 11:36 AM

Hi Erik,
Great work on this slider. I have a question maybe you can help me with.

I'm now setting the slider as the one on the below demo.
By clicking the buttom "5", I want the slider to move to the left not right.
This means moving the slider from "slide1" to "slide2" to "slide3" to "slide4" to "slide5",
not moving from "slide1" to "slide5".

Is there any way I can solve this?

http://webbies.dk/SudoSlider/assets/files/SudoSlider/package/demos/continuous.html

Kind regards,
Testu

Asif:
Feb 07, 2012 at 07:21 PM

I have already set up a sliding tabbed menu with ajax contents and it is working well, thanks for this slider.
My question is how can i show custom slide with the number i get from url parameters via jquery snippet?
I mean how can i use the URL parameter to initialize the slider with custom slide?
Also, if no url parameters is extracted then initialize slider from slide-1...

Rob:
Feb 06, 2012 at 05:50 PM

Any idea to my problem?
Especially for the combination of nested (two different sliders) and custom links.
Would be nice.. thanks

Erik Krogh Kristensen:
Feb 04, 2012 at 11:31 AM

@Mike: Yes,

@Elbee:
It is posible to make the slider pause on mouseover, but not in the middle of an animation.
This demo shows how you can make it pause, so it doesn't initiate another slide when you hover the mouse over the slider: http://webbies.dk/SudoSlider/assets/files/SudoSlider/package/demos/pause%20on%20mouseover.html

With the "larger image in the middle" slider, i just tried a few different things, and doing it with only one slider doesn't look like its possible.
So i would suggest that you have 3 sliders. One in the midle with the large slide, showing captions. One to the right, showing the slides after the "large slide". And one to the left, showing the slides before the "large slide".

@Ani:

$(document).keyup(function(e) {
if(e.which == 40) sudoSlider.goToSlide("next");
if(e.which == 28) sudoSlider.goToSlide("prev");
});
Place this code right after the sudoSlider code (inside the document.ready()), and try to press right and left on your keyboard.
Never tested it, but it should work.

@Mike:
Nope, mostly because i havn't actually seen the problem you are talking about.
If you could send me (or link to) a page where the bug is present, then i might be able to help you.

@Rob:
I do seriously not understand what kind of slider you are trying to create.

Rob:
Feb 04, 2012 at 11:04 AM

Want to combine nested and custom Link demo in special way.
There are horizontal main Slides and one of theme should include vertical sub Slides. Think best way to demonstrate is the navigation construction:

ul
li a rel="1" MainSlide1
li a rel="2" MainSlide2
ul
li a rel="2[1]" SubSlide1
li a rel="2[2]" SubSlide2
li a rel="3" MainSlide3

Optimal solution would be that MainSlide 2 has no content and shows the one from SubSlide 1.
Would be great if have any idea and thanks a lot!

Mike:
Feb 02, 2012 at 10:24 PM

Hi Erik,
Great work on this slider. I have a question maybe you can help me with.
I have my main slider (horizontal) loading content via AJAX. In one of the pages being loaded contains another slider (vertical). The problem I'm having is when I load the slide that has the child slider on it the height of that slider isn't the correct height for the content. It's not until I click to change slides does the auto height fire. Any idea how to fix this?

Thanks!
Mike

Ani:
Feb 02, 2012 at 05:20 PM

Hi,

first, sorry for my english

I would like to use some keys to navigate.
I don't know if it's possible but, if you can give me an idea,
it would be awesome

thx you

elbee:
Feb 02, 2012 at 11:27 AM

Hi Erik,

I tested the latest version of the slider and it seems to have fixed the speed issue. I only have few more queries; is there any method to stop the animation on mouseover and (a bit of a brainer),is there any way to control the size of the slide images and content or caption they contain because I have a slider with slidecount 3 and movecount 1 and I want the middle slide displaying in larger size than the other two slides and also only the middle slide should display its content(text) at the bottom of the slide images.

Will very much appreciate your advice. Thanks,

Kind regards,

Elbee

Mike:
Feb 01, 2012 at 08:56 PM

First of all, great work on this.

Question: I have my main slider on the page loading slides via AJAX. Is it possible to place an additional slider on one of the pages being loaded?

Thanks,
Mike

Erik Krogh Kristensen:
Jan 27, 2012 at 04:11 PM

@Elbee:

I think i found the speed issue, and i also think i fixed it in the version of SudoSlider i am linking to below.
If you could test, and confirm that it fixes your issues with speed and pause, then that would be great.

http://webbies.dk/SudoSlider/assets/files/SudoSlider/package/js/jquery.sudoSlider.2.1.8.js

Elbee:
Jan 26, 2012 at 07:57 AM

thanks Erik,

The page scrolling down to the slider issue was not a slider problem but with most modern browsers when you load a page it scrolls to its initial position. I have managed to fix most of the problems I had by switching between versions 2.1.7 and 2.1.3 and adjusting the properties of the slider.I have noticed the following bugs in version 2.1.7:Issue with controlling the speed of multiple slides, using speed works as pause i.e speed 8000 will wait 8secs from one animation stops, till the next begins; using pause:200 a slide repeats itself before the next;a pause button on a slide created on version 2.1.3 disappears; slides appearing briefly before slider starts (thanx for the fix, adjusting the css properties).

I have switched back to version 2.1.3, it suits my slides better, seems to be no issues with speed on this version but had a bug, the fist slide repeating before the next slide, of which I have found a solution from the previous comments changing css property #ul{position:relative;}.

Thanks again for your great work, will donate as soon.

Elbee

Erik Krogh Kristensen:
Jan 25, 2012 at 07:54 PM

@Luis C:
Look, i can't do everything here.
The issue doesn't even have anything to do with SudoSlider.
If you make a downloadable demo of the problem, i might look into it.

@Damian:
Looks like a CSS issue.
Make sure that all the relevant CSS is included in your CSS file, it looks like you are missing something.
This is what you need:

#slider ul, #slider li{margin:0;padding:0;list-style:none;position:relative;display:block;}
#slider, #slider li {width:696px;overflow:hidden;}

@agron:
By calling: "sudoSlider.getValue('currentSlide');" (assuming have the reference to the jQuery object containing sudoSlider in "sudoSlider", you do that by initializing SudoSlider like how I did it on this page: http://webbies.dk/SudoSlider/assets/files/SudoSlider/package/demos/basic.html )

@Elbee:
All slides show horizontally very shortly: Insert this CSS: "#slider li {display:none;} #slider li:first-child {display:block;} "
And i think you need to use the "speed" property, not the "pause" in order to change the speed of the animation.
And with the last part, i have no idea either. But you could help me getting an idea by linking to a demonstration of the problem.

@smartpill:
The way SudoSlider works, i don't think you are ever going to get LazyLoad to work.
But if you use the Ajax functions of SudoSlider, you can get some LazyLoad like behaiviour.
If you set the option "preloadAjax" to false (and use Ajax in the first place), then the script will not load any slides before they are needed (just like LazyLoad). And if you don't change "preloadAjax", the script will slowly load all the images, with pause of 100ms between loads.

smartpill:
Jan 25, 2012 at 04:26 PM

I have a huge (400+) gallery (with Fade) that I'd like to use lazyload with but can't seem to get it working properly. I've rigged carouFredSel for the navigation to get 10 numbered links at a time. Do you have any suggestions?

Elbee:
Jan 25, 2012 at 06:08 AM

Hi, thank you for your nice work. I have your slider in my project displaying 5 images in one slide at a time. Am pulling images from the database and have the following problems/bugs:Before the slider starts all images are briefly displayed horizontally then the verttical slide starts;I can't seem to find a way to control the speed of moving from one slide to the next,I used the 'pause:200' property the one slide repeats multiple times before the next; my slider is at the bottom of the home page and before the slider starts the page scrolls down to the slider , I have no idea why. A help on these problems will be very appreciated.

Thank you, Elbee.

agron:
Jan 22, 2012 at 02:48 PM

How can get current active element number or value?

Damian:
Jan 17, 2012 at 03:57 PM

Hello again,

Here i leave a link to a template i am trying to work out: http://www.damianrodriguez.es/desarrollos/DRMv3/
On it you'll see a Content1 slide and if you click on "Siguiente" and "Anterior" (Next and Previous in spanish) you'll see the slide moving but always shows the first one.

Waiting for advice, best regards, Damian Rguez

Luis C:
Jan 16, 2012 at 09:01 PM

The slide works, BUT not the links in the slides...(are mapped)

Links in Slides Images Works fine in FireFox, Google Crome, But NOT in IE8 nor IE9

Please Help!!!!!!!!!!!!!!

Erik Krogh Kristensen:
Jan 16, 2012 at 04:09 PM

@Gerben:
I managed to find a solution to the problem, and it has been fixed in 2.1.7.
Apparently IE8 miscalculates the position, when the slide is in the viewable area or to the right of the viewable area.
Therefore my fix is to move every slide to the far left before calculating the final position.
Ugly fix, but it is Internet Explorer.

@caice:
Like this? http://webbies.dk/SudoSlider/assets/files/SudoSlider/package/demos/auto.html

@Cam Hart:
Make sure that the "links" to the javascript and the CSS actually works. It looks like you just copied the HTML without the files it needs.

@loic:
1. I'm not entirely sure what you mean.
2. Its by design that the elements repeat themself after the last element. But again, i'm not sure if that is your problem.
3. Maybe its fixed in the latest version 2.1.7 (released about 2 minuttes ago). There was some problems with correct positioning in 2.1.6.

@balin:
Just made a demo that stops the slideshow when reaching the end:
http://webbies.dk/SudoSlider/assets/files/SudoSlider/package/demos/auto%20with%20stop.html

And to change the color of the "non crossfade fade", just change the background color of the div with id "slider".

@Oliver:
Could you post a link to a page demonstrating the bug, that would help me a lot.

@David S:
What 3. party script are you using to support "history" events? I suggest you use jQuery BBQ, thats the one i like the most, since it tends to allways just work.
I'm replying like that because i wasn't able to reproduce your IE7 bug.

@Gillie:
As you see in my reply to Gerben, i fixed it in 2.1.7.

@Amal:
Maybe you are doing it wrong? I could get it to work in no time:
http://webbies.dk/tmp/SudoSliderTest/demos/vertical%20-%20Kopi.html

@Damian:
Could you post a link to a page where the bug is present, that would make it easier for me.

Damian:
Jan 10, 2012 at 04:02 PM

Hello, first of all, thank for making it easier for everyone.

Second, as @Olivier, i've tried to put your script on my site, with different content on each "li", but when i run your script, the margin is always 0px and only the first slide is shown.

Any advice? Again, thanks for your work

Damian:
Jan 10, 2012 at 01:52 PM

I have the same problem than Olivier:

In each li, i have html, and when i run your script, although the slide is working, the margin is always 0px and only the first slide is shown.
Do you have any idea of how to fix it?

Thanks for your work!

Amal:
Jan 08, 2012 at 05:09 PM

Hi again,
I don't know if it's just my coding inabilities, but when I set the slider to 'vertical' and increase the 'slideCount' to anything more than 1, the page height becomes massive and the controls are lost?
Any ideas what i could be doing wrong? See my website for the example.
Thanks!

David S:
Jan 04, 2012 at 07:50 PM

I have fixed my previous issue by using different slide names in the numericText option than the ids of the slides themselves. Upon testing, I found in IE7 that when using the back or forward buttons to move between slides, the address changes to the correct slide, but it is not until another history action (a click on either the back OR forwards buttons) occurs that the first action starts. If a user continues clicking the history buttons, the slides do move in the correct manner and in the correct order but are held back one move. Has anyone else had this happen?

David S:
Jan 04, 2012 at 05:22 PM

To answer my own question, the hashtags I was using were the ids of the slides. To fix it, I made the hashtags a different series of names than the ids of the corresponding slides using the numericText option. It is working beautifully now!

Gillie:
Jan 04, 2012 at 09:29 AM

I'm having the same problem as Gerben. After each animation in ie8, the image jumps one pixel to the right. Anybody fixed this?

David S:
Jan 03, 2012 at 09:24 PM

Great Slider, but I noticed an issue that I was wondering if anyone else has too. In Webkit browsers, when going forward in the browser history, the slide that is started on is actually the slide that the user needs to go to. To clarify, if I am on slide 1 and I had just come from slide 2 (using the back button), when I click the forward button to go back to slide 2, the slider starts me on slide 2 and animates to slide 3. Has anyone had this issue?

Oliver:
Dec 31, 2011 at 02:52 PM

When using ajax-content (simple html with images) the continuous-option does not work.

$(document).ready(function(){
var sudoSlider = $("#slider").sudoSlider({
ajax: [
'/item1.html',
'/item2.html',
'/item3.html',
'/item4.html',
'/item5.html'
],
auto:true,
pause: 7000,
resumePause: 7000,
continuous:true,
prevNext:true
});
});

balint:
Dec 30, 2011 at 07:25 PM

Hi. How can I stop automatically the auto slideshow when it ends? I want that it play only once. And how can I change to color of the fade when crossfade:false? Can I set different time for each slide?

Thanks!

loic:
Dec 27, 2011 at 10:06 PM

Hello,

Thank you for your plugin, it's very interesting

I try to use with a cross sell product for ecommerce.

if I have several cross sell product in area with a width 600px, it's ok, All the cross sell product appear.
but if I have in this area one cross sell product, the product is repeating several times in the area 600px.
How to solve that ?

i use this example in your demo : http://webbies.dk/SudoSlider/assets/files/SudoSlider/package/demos/mutiple%20slides%20pr.%20slide%20continuous.html

Thank you

Cam Hart:
Dec 15, 2011 at 11:08 PM

Hi Erik, thanks for your great work with the slider, and the tremendous effort you make to provide support!

I'm trying to make the slider work on this page:
http://camhartdesign.com/cookandcooke/index_content_slider.htm

No luck at all. I'm not sure if I've set this up properly. I'm a really novice programmer, so I found some real gaps in the documentation for installation. Could you take a quick peek at my code to see if it's set up right?

Thanks!
-Cam

caice:
Dec 15, 2011 at 01:05 PM

hi.. well i just want this to b auto play i shouldn't have to do next next next..
kindly update me..

Thanks and its your great effort.. (:

Gerben:
Nov 28, 2011 at 03:34 PM

Hello,

Great slider! Very good work!

But I have an problem. In Internet Explorer 8 and lower, after a fade, the image go 1 pixel to the right (you can see it at the demo-page http://webbies.dk/SudoSlider/assets/files/SudoSlider/package/demos/fade.html). Is there a solution for that?

Thanks in advance,

Gerben

Erik Krogh Kristensen:
Nov 20, 2011 at 08:26 PM

@Panoramix:
Add these 2 lines of CSS.

#slider ul{position:relative;}
#slider {overflow:hidden;}

Panoramix:
Nov 20, 2011 at 01:43 PM

Hello,
First thank you for your wonderfull job ! And please forgive my english, it's not my natural language too ;)
By the past, I've already tried yours sliders successfully.
Today, I want to test it with multiple slides (3 pics visible at the same time).

I really don't know why but there are 2 problems :

1- my site has 900px width, and each pic has 300px width. So 3 pics should appear perfectly. But at launch, pics 4,etc... are visible on the right, and the overflow only disappear after the first slide. I really don't know why ?...

2- Second problem, the slider always restart from the first image between each slide : pic #1 > pic #2, pic#1 > pic #3, pic #1 > pic#4 , etc...

I'd really appreciate to get some help :)

thanks a lot

Panoramix

Erik Krogh Kristensen:
Nov 18, 2011 at 07:37 AM

@Andy:

Open jquery.sudoSlider.js and find these lines:
ul = obj.children("ul");
li = ul.children("li");

Just change the "ul" and "li" to any CSS selector, then it should work.
The selector you put instead of the "ul" selector will only find objects inside you slider, and the selector you put instead of "li" will only find objects inside you "ul" selector.

If you use Ajax or the method Insertslide, then it wont work, then you need to replace some more. (Just search for "li" (without quotes), it shouldn't be to difficult to figure out how it works.)

Andy:
Nov 18, 2011 at 02:38 AM

Hello,

Thanks for a great slider...can you tell me if its possible to have a different html structure for the slider instead of the ul shown in the examples. Such as possibly having a defined div (id or class) for each of the content sections?

Thanks

Eric:
Nov 15, 2011 at 11:22 PM

Hi Erik,
I downloaded the last version, and it seems to work now properly with IE. Many thanks !
Eric

Erik Krogh Kristensen:
Nov 14, 2011 at 05:00 PM

@Greg:

You can change transitions style at runtime, but i just discovered a little bug that could make that difficult, but thats fixed in 2.1.6.
Here is how you could do it:
http://webbies.dk/SudoSlider/assets/files/SudoSlider/package/demos/methods%20tmp.html

And you can manually remove any slide, the below demo (same as above demo) showcase how to do it. (See the source code).

http://webbies.dk/SudoSlider/assets/files/SudoSlider/package/demos/methods%20tmp.html

Greg:
Nov 11, 2011 at 01:03 PM

Hi - thanks for the awesome plugin.. I sent you some coffee :)

I"m wondering if its possible to change the transition style at runtime? At startup I want slides but later I want either fades or slides depending on the context. I've tried changing sudoSlider.fade at runtime but it had no effect.

Also would it be possible to have an 'id' oriented api for adding/showing/removing slides? The index oriented api is inadequate when adding/removing slides dynamically.

Thx :)

Erik Krogh Kristensen:
Oct 26, 2011 at 04:09 PM

@Eric:
The fix i wrote about earlier doesn't work.
I've fixed the problem in the latest version of SudoSlider, so just download that.

@Olivier:
No, i do not.
If you could upload an example where you show the problem, then i might be able to help you.

@Logan:
As much as i hate IE, as much a have to admit that Microsoft did a good job making animations smooth in IE.
So unless you can up with a smoother way of animating than jQuery.animate, then thats just the way it is.

Logan:
Oct 24, 2011 at 07:52 PM

Hello, when I use the SudoSlider in IE9 it is very smooth, but when I use it in latest versions of Firefox or Chrome it stutters a bit when switching slides. Can someone help? Thanks.

Olivier:
Oct 18, 2011 at 01:30 PM

Hello i've tried to put your script on my site but i've got an issue. In each li, i have html code as fieldset. When i run your script, the slide is working but at the end, the margin is always 0px and only the first fieldset is shown.
Do you have an idea ?
Thanks for your work

Jarsa:
Oct 12, 2011 at 03:25 PM

Works like a charm now. Thanks!

Erik Krogh Kristensen:
Oct 11, 2011 at 09:21 AM

@esvalot:
Thanks, fixed in the next version.

@Amal:
Like this?
http://webbies.dk/SudoSlider/assets/files/SudoSlider/package/demos/callbacks%208%20%7BhideNavWhenNoFocus%7D.html

@Jarsa:
Change this line:
$(this).wrap("<a href=" + linkHref[t-1] + ">");
To:
$("img", this).wrap("<a href=" + linkHref[t-1] + ">");

Jarsa:
Oct 08, 2011 at 02:19 PM

External links with ajax demo gives ul a li img structure. External links without ajax demo gives proper ul li a img.
How to change function to get latter structure?

Amal:
Oct 07, 2011 at 06:50 PM

Hi, I've just discovered this today and think it's great! Thanks for sharing your hard work and offering so much support. I was just wondering - how would I make the next and previous buttons fade out when not in use. I would like them to appear only when the user hovers over the slider.

esvalot:
Oct 07, 2011 at 09:26 AM

There ara a javascript error only in IE7 (of course) using the "captions example" (http://webbies.dk/SudoSlider/assets/files/SudoSlider/package/demos/callbacks%203%20%7Bcaptions%7D.html).

To fix it you will need to keep out the the last coma in the variables declaration calling sudoslider object. (},

Erik Krogh Kristensen:
Oct 06, 2011 at 08:51 PM

@smartpill:
By adding a little callback, it is very posible to keep the slider "focused".
The below demo makes sure that to browser is at least scrolled to the top of the slider, at the beginning of an animation.
http://webbies.dk/SudoSlider/assets/files/SudoSlider/package/demos/callbacks%207%20%7Bkeep%20slider%20focused%7D.html

@Eric:
Now i am able to replicate it, thanks.
The problem seems to be that IE9 doesn't trigger a load-event, that it was supposed to.
The way i'm trying to fix it isn't exactly pretty, but i it seems necessary.
Try to use the version of the SudoSlider script that i link to below:
Full source: http://webbies.dk/SudoSlider/assets/files/SudoSlider/tmp files/js/jquery.sudoSlider.js
Minified: http://webbies.dk/SudoSlider/assets/files/SudoSlider/tmp files/js/jquery.sudoSlider.min.js
I'm not releasing this fix yet, because first i want to know if it really works.
So plz. se if you can replicate the bug again, i couldn't with that version.

@Cameron:
As i see it, you have 3 slides that are very similar, but the slider is able to slide between them.
I tried in a couple of browsers, and i couldn't replicate the bug.

@Jarsa:
I think you just ran into the problem that my comment form doesn't support inserting html.
Try to link to a page where to demonstrate the problem, or you could send me a mail on erik[at}webbies{dot]dk

Jarsa:
Oct 03, 2011 at 04:58 PM

Hi again,
continuous slider is working again with new version. Thanks for that!
New question. If ajax is false, it is easy to put links to banners. Like

colin:
Sep 14, 2012 at 02:04 PM

Hi cameron,

did you resolve this problem if so can you tell me how as i have the same issue.

cheers,

colin

Cameron:
Oct 01, 2011 at 11:30 AM

Hi, I love the slider but I can't seem to get it to work properly. When you move the slider along here:

http://vermilionsite.com/RedFox/index.html

it just bounces back to the first slide. Please help me, this is urgent! I have tried reverting back to the original code and it still doesn't work!

Eric:
Sep 30, 2011 at 02:49 PM

Hi Erik,

Unfortunately, I have to confirm that Sudo Slider doesn't work properly with IE9, Windows 7, 64 bit. I'm trying to implement the auto with resumePause script, but when I quit a page with a slideshow to move to another one with another slideshow, sometimes the slideshow doesn't start and displays all the images from left to right, as explained in a previous message. So today I tried to re-build another site with some slideshows, this time with only few changes to your CSS and HTML codes, and I see that this time again, sometimes the slideshow doesn't start and display both previous and next command button (at a beginning of a slideshow, it shoud display only the next button). You can see this example here: http://eriper55.myhostpoint.ch/sudoslider. As I have to deliver a site to my client soon, I unfortunately will have to leave Sudoslider and find another one, unless you can help... I hope you can, thank you.

smartpill:
Sep 29, 2011 at 06:20 PM

@Erik: I just tried the minified 2.1.4 and had no problems. I did run into one little thing, I set up the navigation to be fixed in the left column so when I am on a slide that's longer than the others (I have text content that varies, so the height varies) the navigation is still accessible in the left. However, if I then click on a link to another slide, the slide advances but the page does not scroll back to the top of the slider so the user has to scroll back up to see the shorter text content. Is there a way to force the top left corner of the slider area to be visible? Basically, I just want it to work as an anchor or "back to top" of the slider then slide.

Erik Krogh Kristensen:
Sep 26, 2011 at 06:28 PM

@ccruz:
I tried to see if i could do a quick demo, and i could.
You are free to copy.
http://webbies.dk/SudoSlider/assets/files/SudoSlider/package/demos/autowidth centered.html

@smartpill:
Could you send me your minified version, i would really like to have a look at it.

@Eric:
When a page is closed, all the javascript should be terminated as well.
It would be a really stupid move by Micrsoft, if IE9 "restarts" the same old scripts if you move quickly back onto the page.
I'll keep it in mind, but i don't think there's anything i can do about it.

@Rafael:
In every webbrowser that i tested, my demo worked.
If you don't give me something a bit more specific, or an uploaded site where the bug is present, there's really nothing i can do.

@Jack:
There sure is.
Just add this option to your configuration:
numericText: ['', '', '', '', '', '', '', '', '', ''] // Add more depending on how many slides you have.

@Ugyen:
When using fade animations, SudoSlider uses a very high z-index (100000).
But this shouldn't affect the slider when it isn't actually doing a fade animation.
Could you link to a page where the issue is present, because i don't think that i can help you more without seeing the page.

@Jarsa:
I don't know why i missed that one, but now its fixed (in 2.1.4).

Dmitriy:
Sep 26, 2011 at 05:07 PM

Good plugin! How can i make RANDOM slide-show this Sudo-Slider ?
Thanks.

Jarsa:
Sep 23, 2011 at 01:52 PM

Like Phil, I have problems with continuous slider. It rolls backwards past all the previous slides to the first one. Just like in demo:
http://webbies.dk/SudoSlider/assets/files/SudoSlider/package/demos/continuous.html

Ugyen:
Sep 22, 2011 at 09:37 AM

Sir,
I am using you scripts. Its wonderful

When i use menu dropdown, the menu get hidden behind the picture, i could not set ti go behind the dropdown. Checked with z-index too.

Please advice.

thanking you

Jack:
Sep 22, 2011 at 03:29 AM

Hi,

I've been using your numeric slider which is quite brilliant. Is there a way to turn off the text inside the box? I just want a box as the means of navigation.

Rafael:
Sep 17, 2011 at 10:51 PM

Hi!
I'm trying to set up SudoSlider just like the 'Multiple "slides" pr. slide' demo.
Unfortunately each time i click on "next" it moves x slides and then just goes scrolls back to slide 1.
Tried to simplify it to the minimum but even with your demo i can't get it to work.

Any ideas?

Regards,

Rafael

Eric:
Sep 16, 2011 at 02:23 PM

Erik,

I refer to my previous message, and can add the following: I have noticed that the issue comes when I jump too quickly from a html page to another one with again a slideshow. If I stay on a page, let's say 10 seconds, and then click a link on the menu that opens anoter page with a slideshow, it works. When the issue happens, I can sometimes solve it by refreshing the page (F5). I tried as well to empty the cache memory, but it doesn't solve the problem.

Maybe in the script there should be a function that when a page with a slideshow is closed, the script stops the slideshow properly before re-starting the other page with a slideshow... I hope you can help...

smartpill:
Sep 09, 2011 at 07:31 PM

FYI - I was running v2.1.3 minified and was having some issues, mainly all the links kept returning to the 1st slide. Switching to the uncompressed version fixed it, so I recompressed the uncompressed version myself and the errors went away. Just wanted to mention that in case others were running into strange problems.

ccruz:
Sep 09, 2011 at 09:27 AM

I need to use something like the Autowidth Audo Slider but I'm having a hard time centering the whole div with the buttons and the slider keeps staying aligned to the left. Please help.

Erik Krogh Kristensen:
Sep 06, 2011 at 07:25 PM

Hi, all.
Sorry for the slow response to some of you, but i do have other things to do.

@Pascal J:
I dont know why you experience that error, because i cant replicate it.
I tried to create a little demo ( http://webbies.dk/SudoSlider/assets/files/SudoSlider/package/demos/multiple%20sliders%20tmp%20demo%20pause.html )
that i think replicates the slider you are trying to create.

@YNG:
Did you use Google translate?
Just to make sure that i get you (because right now, i dont), would you upload an example of the problem you are experiencing, so i can see it?

@Phil:
The slider should be able to do exactly what you are descriping that it doesn't do.
I have a demo here: file:///C:/Users/Erik/Dropbox/Webbies/Sudo%20Slider/package/demos/mutiple%20slides%20pr.%20slide%20continuous.html
In that demo, it copies 3 of the 5 slides, both to the left and to the right of the slider.
And if you want to now how i do it:
When the transition to slide "7" is done, the function "adjust" runs (internal function), and that makes an instant transition to where the slider should be (slide 2).

@Rob:
Yes, you have to use callback in order to achieve that effect.
I did it here: http://webbies.dk//SudoSlider/assets/files/SudoSlider/package/demos/tmp2.html

@Inah Mercedes:
Yes.
http://webbies.dk/SudoSlider/assets/files/SudoSlider/package/demos/multiple%20sliders.html

Inah Mercedes:
Sep 05, 2011 at 12:36 AM

Hi, I love the auto height flexibility, it's exactly what I've been looking for, but I was wondering if there's a way for me to include multiple, separate sliders on one page?
Thanks!

Rob:
Sep 02, 2011 at 11:39 AM

Hi, just wondering, if I set the slider auto to true, is there a way to stop the slider after the last slide has been played?

YNG:
Aug 29, 2011 at 04:30 PM

HELLO.It is a great plugin! Thank you.
I am a Japanese, I'm sorry in poor English.

I have a problem.
1. Method of auto slide's stopping when the last slide is displayed
or
2. Method of only the last slide's setting time long

Please Help Thank you.

Pascal J:
Aug 25, 2011 at 01:26 PM

Hi there, really like your slider.

Just wondering if you could post the JS code in order to have TWO separate basic sliders on the one page, each starting automatically - but also be able to pause each individually? I can manage to pause one of them, but it messes up the second. Any assistance really appreciated!

Thanks from Australia.

Eric:
Aug 22, 2011 at 11:57 AM

Hi Erik,

You're right, I downloaded the package on August 8th, and I've seen that a new release was available since August 15th. So I downloaded again the package, and now it works ! Thank you again for this great slideshow, highly customisable, and convenient for many situations. Coffee donated for the week ;-)

Erik Krogh Kristensen:
Aug 20, 2011 at 08:49 PM

@Eric:
I know that such a bug existed in previous versions. But i'm not able to replicate it in the latest version (2.1.3, see the bottom lines in the file "changelog.txt".)
Are you sure that you are using the latest version?

Eric:
Aug 17, 2011 at 03:15 PM

Erik,

This is a complement to my previous message. I have copied (without any changes) your demo pack here : http://eriper55.myhostpoint.ch/sudoSlider/demos/auto%20with%20resumePause.html, and I confirm that it doesn't work with IE9 (and with IE8), all other browser OK. The slideshow works with the 1st and 2nd image, then it stops, with the following error message (bottom of the screen) : 'this.style' is null or not an object (jquery.sudoSlider.min.js line 16, character 142. Can you have a look, in advance many thanks. Kind regards, Eric

Eric:
Aug 16, 2011 at 08:23 AM

Hi Erik, great tool, thank you. I'm trying to use the example provided in the download package "auto with resumePause.html", and with IE9, the slideshow works only with the 1st and 2nd image, then it blocks when displaying the 2nd image. I have noticed that when I remove the "fade: true," option, then it works. Can you help?

Erik Krogh Kristensen:
Aug 10, 2011 at 08:39 PM

@Giraldi:
You are right, it shouldn't do what it currently do.
The part of the script that handles the "translation" of a direction was unnecessary complicated, so i simplified it. Now in 2.1.3 it works like it should (i hope that i'll release it soon).
For now you can download the javascript here:
http://webbies.dk/SudoSlider/assets/files/SudoSlider/2.1.3/js/jquery.sudoSlider.js
http://webbies.dk/SudoSlider/assets/files/SudoSlider/2.1.3/js/jquery.sudoSlider.min.js

@zen:
Yep.
In the css change "slider li" to "slider li.liClass" and give the li tags in the slider the class "liClass".

zen:
Aug 09, 2011 at 11:07 PM

when I have another list items inside the slider div, list-style gets overwritten by the slider CSS, resulting in no list-style. Is there any work around this?

Erik Krogh Kristensen:
Aug 07, 2011 at 10:11 PM

@Giraldi:
I'll look into it.

@Richard:
If you update both the javascript and the CSS (take it from the style.css file inside the css folder), then the bug disappear.

Richard:
Aug 04, 2011 at 08:43 PM

Love the slideshow and all the options. Though i'm having trouble. The slideshow keeps jumping back to the first slide. It will move to the second image then immediately jump back to the first, move to the 3rd image then immediately jump back to the first... Any thoughts. Here's the test page its on http://daviscountyutah.gov/go/feed/testimonials.cfm

Thanks!

Giraldi:
Jul 31, 2011 at 04:50 AM

Also if that is how it is supposed to behave, then it is inconsistent when there is only 1 slide on the second slide page (ie. with 8 images on 7 slideCount). It actually goes back to the first set of slides (1-7) on the second next click. If it is according to your supposed behaviour, shouldn't it have moved to slide 7?

Sorry for asking too many questions. Just trying to clarify... Cheers! :)

Giraldi:
Jul 31, 2011 at 04:34 AM

Yes, that can be a solution, but I'm using the slider dynamically for Wordpress post gallery, meaning different posts will have different amount of slides. Can't it be made to move per page instead of per slide count?

Erik Krogh Kristensen:
Jul 30, 2011 at 08:40 PM

@Lorenzo M:
Oops, my mistake. I corrected it in the CSS, but forgot the basic example, i will fix it in the next version (soon to be released).

@Giraldi:
The behaviour is by design, when you tell the slider to move 7 slides, it moves 7 slides.
You can "fix" it by inserting 2 blank slides in the end of the slider.

Giraldi:
Jul 30, 2011 at 10:45 AM

Cool! It doesn't break now. However, the behaviour is not as expected. Like, right now I have slideCount & moveCount set to 7, and I have only 12 images. I assumed slide page #1 will contain images 1-7, while slide page #2 will contain images 8-12. When clicking on next, I'd expect to go to slide page #2, and another click will return to slide page #1, ie. back to images 1-7. However, this is not the case. What's really happened was when clicking on next the second time it goes to images 3-9, as if continuous is enabled. Is this by design, or a bug? I'd expect the former behaviour, though...

Also, with my current settings, if continuous is enabled, the slide will behave funny, though correctly. But wouldn't it be better if it moves in one direction only? Just a thought.

Anyway, thanks for the quick update! Keep up the excellent work!!

Lorenzo M:
Jul 29, 2011 at 11:11 AM

Please, correct the css code in the basic example page: http://webbies.dk/SudoSlider/assets/files/SudoSlider/package/demos/basic.html

You should add the overflow: hidden; property to the #slider declaration. So the right code for this example is:

#slider {
width:696px;
overflow:hidden;
}

Without this property, all the slides are shown together, although you obviously want only the first one to show up. The code in the downloaded examples are right, but I copied the one directly from the page, and it took a while to me to catch the missing property.

Many thanks for the plugin, btw :)

Erik Krogh Kristensen:
Jul 28, 2011 at 08:34 PM

@Giraldi:
I got lots of ideas, including one that fixes the problem.

I fixed it in version 2.1.2

The problem was caused by the script trying to get a position of a non existing slide, thereby crashing jQuery.

Giraldi:
Jul 26, 2011 at 04:47 PM

Don't know if it's just my settings, but I think there is a bug on multiple slides when amount of images on a slide 'page' is more than 1 but less than the slideCount with controlsFade disabled.

For example, if I have 5 images with the following settings:
numeric : false,
slideCount : 3,
moveCount : 3,
controlsFade : false

Clicking on 'next' once will take me to images 4-5. Another click on 'next' will break the controls, ie. the 'prev/next' don't work anymore.

This doesn't happen if I have 4 images only, or 6 images.

Any idea?

Cheers!

Michael:
Jul 12, 2011 at 08:45 AM

Nice work, Erik! Keep it up and thx for sharing.
I will use your slider on www.ideenheld.de

Devon:
Jun 30, 2011 at 08:36 PM

Hi again,

I replaced my sudo slider javascript code with the one you linked (2.1.1) and also updated to jquery version 1.6.1. It is still producing the same issue as before. I'm not sure if I somehow did something wrong, because you said you had got it working.

Thanks!

Devon:
Jun 30, 2011 at 08:13 PM

I almost always think to update versions before asking on forums, but it completely slipped my mind this time. Thank you so much for taking the time to address my issue and come to a complete solution! Excellent support!

Erik Krogh Kristensen:
Jun 28, 2011 at 09:54 PM

@Jonathan:
I'm glad that i could help
Remember, you can also show your appreciation by donating.

@Devon:

First of, i really should write somewhere that "before asking, update to the latest version of jQuery and SudoSlider". Because nobody seems to do that.

But i'm glad that you wrote, because updating to the latest version does solve your problem, but it also creates another set of problems (2 bugs, that doesn't seem related, and i cant replicate them with my demos :S).

So if you update to jQuery 1.6.1, and the version of SudoSlider i link to below, then SudoSlider works fully on your page (also tested in IE8).
webbies.dk/tmp/sudoSlider/jquery.sudoslider.2.1.1.rc.js

I'm not releasing 2.1.1 just yet, i need to do some more tests before i can do that.

Devon:
Jun 28, 2011 at 05:26 PM

Hello!

I have just recently completed a website where I use three sudo sliders on the home page, creating a carousel effect. It does not work correctly in IE8 and i can't seem to figure out why. Instead of just fading in and out, the smaller boxes actually move to a new position.

You can check it out at www.offtheboatgreetings.com

Thanks so much for any help you can provide!

Jonathan:
Jun 26, 2011 at 10:33 PM

Wow! I was hoping for advice and you cleaned up my code? That's amazing support. Thank you so much. Everything works great now.

Erik Krogh Kristensen:
Jun 26, 2011 at 07:16 PM

@Jonathan:
I couldn't see exatly what you did wrong either.

But i tried to update all the scripts to the latest version, update the CSS (i changed that a bit in 2.1.0, maybe you forgot to update that part?), and clean up a bit in the configuration of the Slider (some of the options didn't do anything), and now it works.
You also loaded jQuery.address, the slider still supports jQuery.address for URL handling, but i recommend using jquery.hashchange instead.
Also remove the style attribute in the li and ul elements, they do not do any good.

I got a copy of the website, where all the javascript works here:
http://webbies.dk/tmp/SLAMO/

Copy the header (and make sure the references point to your own scripts), and copy the part of "default.css" that mentions "#content".
Then it should work.

Just ask again if you still cant get it to work.

Jonathan:
Jun 26, 2011 at 04:34 AM

Hello,

I'm admittedly not the best at debugging code but I can't figure out what I'm doing wrong that's preventing the back buttons on the browser from working on this site or why it's showing my 4th div first and the 1st div last.

Any ideas?

http://www.studioslamo.com

It's working otherwise but I do need to figure out the cloning issue quickly so that it shows the homepage first instead of the contact, which hasn't even been filled with content yet.

Thank you so much.

Aldi:
Jun 17, 2011 at 04:34 PM

In regards to the comment I made on 'Pause on mouseover demo'... disregard the comment. I just noticed the resumePause setting to fix this.

Cheers!

Aldi:
Jun 17, 2011 at 03:42 PM

In regards to "Pause on Mouseover Demo", the auto-sliding/animation seems to stop after clicking on any of the controls (next/prev/numbered-navs). Is it possible to continue the animation even after clicking the controls, and yet still maintain the pause-on-mouseover feature?

Cheers!

Erik Krogh Kristensen:
Jun 08, 2011 at 09:19 PM

I just released 2.1.0

It got a big changelog, that you might want to read before upgrading, since some small features doesn't work quite the way they did before.
http://webbies.dk/SudoSlider/assets/files/SudoSlider/package/Changelog.TXT

@Fernando:
I added a feature so that one numeric button is generated pr. "page".

JP:
Jun 03, 2011 at 06:03 AM

Perfect! Thank you, sir, you are terrific.

Erik Krogh Kristensen:
Jun 02, 2011 at 08:09 AM

@Hugo:
This was a problem with versions before 2.0.12.
Try updating to the latest version.

@Minimalist:
Because of the way the slider work, it cant use relative values, it need fixed values.
So i cant fix your problem.

@jr:
1. Make your deep links like this:
http://example.com/slider.html#3
Where 3 indicates what slide the slider should start at.
Then add this option and value to the slider configuration:
" startSlide: window.location.hash.slice(1) "
I got that to work.

If you want more advanced URL features (support for back-button etc.) then look at this demo:
http://webbies.dk/SudoSlider/assets/files/SudoSlider/package/demos/history.html

JP:
Jun 02, 2011 at 05:00 AM

HI! Thank you SO MUCH for this. Brilliant!

I'm implementing this script on my site--only question, is there a way to link to a specific slide from a url? I'm using this as a content slider for different categories--each slide is one category. I would love to be able to send a link to someone directly to that category slide. Possible?

Thank you and I hope all is going well with you!

My best,
JP

Minimalist:
May 26, 2011 at 01:05 AM

Hi :)

Nice slider you made there – after some minor trouble at the start I managed to implement it almost flawlessly, even though I am not really good with html/css and this was the first time I did anything that uses Java Script. Even if it is just pasting some code into the html ... ;)

One problem remains, though: my whole site is using relative units (ems and %), and the slider does not seem to accept %-values. This leaves me with either a slider that does not work (breaks the layout totally) or setting a px-value, which looks odd since it does not adjust to the screen properties ... :(

Any suggestions?

Thanks in advance :)

Hugo:
May 20, 2011 at 02:09 PM

Hey !

I have some issue with auto : true :
In this page : http://star-graffic.com/enseignes/ you see 3 pictures... but there are actually 1 before JS ! the JS add one before and one after, anyway.

Why ?

Erik Krogh Kristensen:
May 15, 2011 at 12:13 PM

@Devon:
Yep, just set the option "speed" to "1". (Version 2.0.12 doesn't accept that the speed is set to 0, that's fixed in the next version).

@ddf:
I have confirmed the memory leak, and it’s not only IE6. It seems that almost every browser is affected.
I think the problem is a memory leak in jQuery .remove(), I’ll keep it in mind for later.

@Jean:
I know that with version 2.0.12 (and below) IE6 and IE7 can have some problems, that can be fixed by setting the option "controlsFade" to false. (That disables the fading the next/prev buttons)
It also seems that jQuery 1.6.0 has a bug that can cause IE6 and IE7 to crash (http://bugs.jquery.com/ticket/9072), maybe a update to 1.6.1 could help?
But anyway, I wasn’t able to replicate your error, could you share the code that causes it?

@David W:
Always appreciated.

@al:
Done.

@Bradley Herman:
I could make it work by doing like this:
$(this).wrap("[Whatever you want to wrap with]");
Without using the ".find('img')".
You might want to look at this example for inspiration:
http://webbies.dk/SudoSlider/assets/files/SudoSlider/package/demos/links%20ajax.html

@Jonathan:
I just used HTML to get it working:
http://webbies.dk/SudoSlider/assets/files/SudoSlider/package/demos/links.html
And using a bit of javascript if i'm using AJAX:
http://webbies.dk/SudoSlider/assets/files/SudoSlider/package/demos/links%20ajax.html

@jr:
1. Make your deep links like this:
http://example.com/news/index.php#3
Where 3 indicates what slide the slider should start at.
Then add this option and value to the slider configuration:
" startSlide: window.location.hash.slice(1) "
I got that to work.

If you want more advanced URL features (support for back-button etc.) then look at this demo:
http://webbies.dk/SudoSlider/assets/files/SudoSlider/package/demos/history.html

If you have any question or can’t make it work, just ask.

jr:
May 13, 2011 at 09:19 AM

Thanks for the great plugin!
I have a question about "deep linking" from another page to certain slide which is located on different page. Thing is that i have a news ticker on front page that has news headlines linking to News page, which has the slider in use (news are showing one at a time). Question is, how can i point the links from the front page to certain news on the News page?

Jonathan:
May 12, 2011 at 11:26 PM

Awesomely simple slider Erik,

Really great work. The only prob I am having is making the images into links. I tried to make each image in the slider a link by using html, and it doesn't seem to work. Is there an easy way to do that? I think it'd be a really useful feature, and I don't mean just linking to a lightbox, but linking to another page.

Thanks Again
Jonathan

Bradley Herman:
May 11, 2011 at 08:02 PM

I'm trying to load images via ajax and also wrap the images in an anchor, but running into trouble. Whenever I try to use $(this).find("img").wrap(""); I get a jumbled mess. Have a look:

http://pastie.org/1890346

The commented out line has the expected output: , but for some reason the damn wrap() function gives us some crazy business. Any ideas?

David W:
May 10, 2011 at 08:08 PM

Erik, thanks so much for your help and the amazing slider! (coffee inbound)

jean:
May 09, 2011 at 07:58 PM

@ Erik
I upload the last version of Jquery (1.6) and it's Ok on IE9 (and Safari, Chrome, FireFox 3.6 or 4, IE8..) but i have a message with IE7 who ask to stop the script.

I must do a exeption for IE7 (and IE6) to use Jquery 1.5

ddf:
May 09, 2011 at 06:21 AM

Hi,I find a bug in IE6(win) about memory leak.
On this pege:http://webbies.dk/SudoSlider/assets/files/SudoSlider/package/demos/pause%20on%20mouseover.html
View Windows Task Manager
page start default memory state:~38MB
but every 3 mintutes the memory +~1MB
10 minutes after memory state:~42MB
20 minutes after memory state:~46-47MB

Devon:
May 09, 2011 at 02:05 AM

Hi,

I was wondering if there was an easy way to make the slides just change without any animation at all (no fade or slider...just to change images)

Thanks!

Erik Krogh Kristensen:
May 07, 2011 at 07:28 AM

@David W:
I found the bug, and you can just fix it by setting "controlsFade" to false, but the bug will be permanently fixed in the next version (i'm working on version 2.1).

Erik Krogh Kristensen:
May 06, 2011 at 06:00 PM

@Jean:
This sounds like a problem that jQuery 1.5.0 had.
Try to update to the latest version of jQuery and the latest version of SudoSlider.

@David W:
It's a stange error, that i can't quite replicate.
I think the code relates to the fading of controls (that you do not use on your site).
First, try to disable the fading of controls by setting the option "controlsFade" to false. (And update your scripts (jQuery and SudoSlider) to the latest version.)
If that doesn't work, i need a downloadable copy of your site to test on. (You can send it directly to me: http://webbies.dk/contact )

David W:
May 05, 2011 at 07:34 PM

Erik,

Thanks for the great slider. We are trying to set it up now at spamgoblin.com but just noticed it returns a null object JS error in IE and won't work in IE7. My gut tells me the problem is on our end; I'm not a JS dev. If you can shed any light on the issue, I'll buy your coffee for a week!

Jean:
May 03, 2011 at 07:13 PM

Hello, I use SudoSlider on several web sites and with IE9 on Windows7, the sudoslider don't run.
Il have all pictures as a list like if Javascript is disabled.

Do you have this problem ?

Wayne:
May 01, 2011 at 06:53 PM

Hi Erik
I had to take the development site offline due to premature search engine indexing. As soon as I can provide access, I will. It's a Drupal site and I first need to verify that the js Injector or some other conflict isn't causing the issues.

Erik Krogh Kristensen:
Apr 30, 2011 at 05:28 PM

@Wayne:
I tried a bit, but wasn't able to recreate any of the issues that you experience.
Could you link to a page where the issues are present? (I tried the link that Reg sent earlier, but it's dead.)

Wayne:
Apr 27, 2011 at 05:52 PM

Erik, thank you for your prompt and helpful replies to all who write. Reg, who wrote to you earlier, is working for me and has been distracted with another project. I'm code-challenged, but will try to pick up the ball. Reg did install 2.0.12 and the sliders are now auto playing. However, there are two other major issues for my project. Note that all my implementations have HTML content (including video), use thumbnails, and all sliders are set to auto adjust for height. Behaviors are true for Firefox 3.6.16 and IE 8.
(Issue 1) When set to fade, slide A shows properly and begins to fade to slide B. Half way through the fade, A then slides to B.
(Issue 2): Upon initial load, the first slide crops off a lot of the lower content. Other slides are properly adjusting for height. Moving to another slide and back to the first one causes the first one to correctly auto adjust for height. In one slider this does not happen. In that one, the content is all the same height and text does not exceed the height of the content image. In the ones that don't display correctly, there is text that extends below the slider image.
I'm also trying to solve centering the thumbnails below the slider. Help with that would be appreciated as well.

Reg:
Apr 23, 2011 at 02:41 AM

It looks like that fixed it. We'll try it on a few other pages and see if it's a universal fix.

Erik Krogh Kristensen:
Apr 20, 2011 at 08:01 PM

@Reg:
I think your bug is fixed in version 2.0.12, but I’m not sure. Would you test it?

@Rodrigo Tschope:
I could do it, here: http://webbies.dk/SudoSlider/assets/files/SudoSlider/package/demos/pause%20on%20mouseover.html

@faiz:
You want 2 rows, and you want the 3rd row to move to the second position?
How many rows, and what should they do? You have to be more specific.

@zelios:
Glad you found a solution to your first problem.
But no, it can't run full screen. You have to use another full screen slider.
There are links to some full screen sliders on this blog: http://www.wordimpressed.com/coding/the-best-full-screen-jquery-sliderfader/

@Ricky:
I introduced that because i thought that no one would like to have auto enabled without continuous also being enabled. (Just me thinking too much, no one had complained. )
I changed it in 2.0.12 (see the changelog: http://webbies.dk/SudoSlider/assets/files/SudoSlider/package/Changelog.TXT )

Zelios:
Apr 20, 2011 at 10:27 AM

ok i find an answer at my question but an other run in my head, If i want play the slide in fullscreen have a solution ?

Ricky:
Apr 19, 2011 at 05:17 PM

Hi, it seems I can't turn off "continuous" when "auto" is on in the latest version (2.0.11). I tested on the demo files to be sure it wasn't a problem with my code. I just switched to an earlier version I had (not sure which one) and it works. Just thought I should let you know.

zelios:
Apr 16, 2011 at 04:39 PM

Hey, i have a little question if i want start in 2nd pic it's possible ? (sorry english it's not my first language too i'am french ;) )

faiz:
Apr 15, 2011 at 08:08 PM

hi
I have a question,
I am not too much technical,
I am using the vertical effect, and I want 2 rows and when 1 row will move up, 2nd row move to the 1st position and 3rd row will show on the 2nd position,

looking for kind help.

thanks

Rodrigo Tschope:
Apr 12, 2011 at 07:18 PM

Hi, i use this plugin, but i want stop slide show wend mouseover and restar mouseout. i Try the example but i cant do any thin. Thanks for help me. bye...

Erik Krogh Kristensen:
Apr 10, 2011 at 01:35 PM

@Reg:

It's difficult to copy an page that uses a lot of ajax.
Could you send a working local copy (zip file) of the page, that would make it easier for me to debug.

Erik Krogh Kristensen:
Apr 02, 2011 at 09:25 AM

@Deryl:
I've made a demo where the width is 270px.
It should be easy to see in the source how it's done.
http://webbies.dk/SudoSlider/assets/files/SudoSlider/package/demos/basic270.html

@Devon Riley, @Forrest, @Hassan Sohail:
To fix the problem, that all the slides are shown before the JavaScript kicks in, use version 2.0.11 of the script and add the following CSS:
#slider li {display:none;}
#slider li:first-child {display:block;}
This works in most browsers, in some old browsers nothing is shown before the JavaScript kicks in.

@Martin:
IE8 sucks at manipulating transparent PNG's (It's a general problem, not just when using SudoSlider). Maybe you could use gif's instead (i know that gif's suck.)

@Mikael Dilligon:
If it had beautiful effects, it would only support images. :(
It's very very difficult to make beautiful transition effects on a HTML block.

@Rob Edwards:
First: You are loading the jQuery library and the SudoSlider script twice, that can't be good for anything.
Second: To use the URL features, you need to include the jQuery Address plugin (i recommend v. 1.3.0 for use with SudoSlider, it's included in the download package).
See the history demo to see how the URL functions work: http://webbies.dk/SudoSlider/assets/files/SudoSlider/package/demos/history.html

@Sam:
Fixed in 2.0.11

@Christian:
Yep it is.
I actually had such a demo in Sudo Slider v. 1.0, I’ve recreated it for v. 2.0 here: http://webbies.dk/SudoSlider/assets/files/SudoSlider/package/demos/modal.html
In that demo, the link to the enlarged picture is the picture itself, but if you know a bit of jQuery, you can easily change that.

@thisisstupid:
In the second slider, add this option:
controlsAttr:'id="controls2"',
Now you can change the change the controls in the second slider by inserting some CSS looking like this:
#controls2 nextBtn, #controls2 prevBtn {top:10px;}

thisisstupid:
Mar 29, 2011 at 03:21 PM

hi,
how can I insert two sudoslider in the same page?
I did it but i can't assign two different css style to the next and prev button
let me know please

Christian:
Mar 29, 2011 at 09:41 AM

Hello,

Great plugin.
I would know if it is possible to add a link to a enlarged picture (as lightbox) ?

Best Regar
cb

Sam:
Mar 29, 2011 at 02:16 AM

There is a bug with line function finishImageLoading() ~3772
if (width == 0) setTimeout(function() { finishImageLoading(target); }, 1);

When the image width is actualy 0 (zero) The slider hang to death in this recursive call.

Thanks

Rob Edwards:
Mar 27, 2011 at 04:18 PM

Firstly, brilliant script, which makes me think it's me being stupid as to why I can't get the following to work.

I'm trying to get a link from a different page to open a specific tab, lets say, tab 3, it opens fine, however, when I then click on the other tabs they're then out of sync, i.e. tab 1 has become tab 3, tab 2 has become tab 4 and so on. When I then get to the final tab (tab 5 in my case) it realises it's out of sync and puts the tabs back in order.

You can see the site at http://www.lastinthefall.com/8daysmedia any help you can offer will be greatly appreciated!

Mikael Dilligon:
Mar 23, 2011 at 04:22 PM

This is probably the best jquery slider-plugin out there, iv'e tried all of them (no, seriously)!

The only thing missing is the effects.

Martin:
Mar 21, 2011 at 08:27 AM

Hello nice plugin... but i have some problem with transparency of 24bit PNG in IE8. Any idea? http://tomil-wa290.testbrana.cz/

Hassan Sohail:
Mar 14, 2011 at 05:14 PM

This slider work with sliding "li" rite
the problem is....when this slider comes up first time...it populate the whole stuff and in a second it starts working properly.......that seem ridicules...
Can we deal with this problem...so that when this slider comes up very first time..it shows only the data that is in First "li"
And this problem occurs...when we use html instead of images to slides

Forrest:
Mar 12, 2011 at 04:19 PM

Thank you, Erik!

Of course, now I cannot replicate the problem each and every time! I'm thinking perhaps it's not a bug at all, but related to Devon's question. I do not have a ul height defined and I have the sudo auto height turned off. Also, I'm calling the script in the header of my file, not from the footer. But that shouldn't matter.

The right side of CSS3 shadow blinking on and off in Safari is consistent, however. Perhaps it's a Safari/Webkit issue, not a Sudo Slider issue at all.

Thank you for all your help and I'll keep investigating.

Erik Krogh Kristensen:
Mar 12, 2011 at 08:00 AM

@Devon Riley:
That's the normal behaviour, to make sure that users without javascript can see all the content.
To "fix" it, just add the following CSS:
#slider ul {height:294px;}

@Mauro Ramón:
I have no current plans of visiting Argentina, so i'll have to do with the coffee.

@Forrest:
Yes, so it looks like this:

$(document).ready(function(){
initSudoSlider = true;
var sudoSlider = $("#slider").sudoSlider({
beforeAniFunc: function(t){ if (initSudoSlider) { initSudoSlider = false; sudoSlider.adjust(0); } },
fade: true
})
});

Just to be sure, does the problem disappear after a few seconds under the first page load?

Forrest:
Mar 09, 2011 at 10:01 PM

I'm sorry, I don't understand. You mean add your code to my "$(document).ready(function()" ?

Using several different Macintoshes running OS X 10.4.11 - 10.6.6 and Safari 5.03, the page height is that of all the images added together when the page is first loaded (or the browser cache cleared). Reloading the page a second time seems to fix the problem.

Another issue is with CSS3 shadows and Safari. My images have a CSS shadow on the right and bottom. When a new image loads, the bottom shadow fades gracefully, but the right part of the shadow blinks off. Firefox does not have this issue.

Mauro Ramón:
Mar 09, 2011 at 09:17 PM

As you asked:
The Sudo is in use at:
http://www.altoalberdi.com/finalarmado/
It´s a "test" folder by now...when approved and programmed, will be the root address (the index page indeed).
When I grab the final payment on this site, I promise to buy you some coffee. (or if you visit Mendoza, I would prefer to give you a fine bottle of Malbec wine, one of our´s pride & praised products.
Thanks again... Mauro.

Devon Riley:
Mar 06, 2011 at 01:03 AM

Hi!

I am using your slider on a page in my site, and when the page loads you see all of the slides opened up, and then they collapse into the single slider. You can view it here http://www.stratustest2.squarespace.com.

Is this some setting that I am missing or do you know why it would be doing this?

Thanks so much
Devon Riley

Erik Krogh Kristensen:
Mar 05, 2011 at 06:25 PM

@Forrest:
I can't replicate it, but you can help me try to fix it.
Try (of course with the latest version 2.0.10) to run SudoSlider like this (of cource with all your other options too):
initSudoSlider = true;
var sudoSlider = $("#slider").sudoSlider({
beforeAniFunc: function(t){ if (initSudoSlider) { initSudoSlider = false; sudoSlider.adjust(0); } }
});

@Robert Weiss:
Glad you liked it, and I'll add your site to the portfolio later.

@Mauro Ramón:
I'm glad that you could use it.
I would like to see your implementation of SudoSlider, could you send a link?

Mauro Ramón:
Feb 28, 2011 at 07:35 PM

Great work. The script has been successfully upgraded and everything is working smoothly now. Just a very little reccomendation. We use Sudo aside a Shadowbox script (to open images in a modal window). There´s a parameter in the js that sets the z-index to 10000. Would be lovely to set z-index by options... but anyway, we teak here and there and both works well with a callback method (stopAuto and changing the shadowbox z-index). Again my friend, your script suprasses many others in the web. CONGRATS!!

Robert Weiss:
Feb 28, 2011 at 07:21 PM

Hi Erik,
thanks a lot for your great work!

I used your slider in some of my last projects and really loved working with it, so your next cups of coffee are on me ;-)
On my own website, I included three different instances of Sudo Slider (using AJAX and customLinks), so if you like, I’d be happy if you add it to your portfolio.

Kind regards, Robert

Forrest:
Feb 27, 2011 at 12:08 AM

There still appears to be a bug with Sudo Slider fade:true, at least in Firefox on a Macintosh. If the browser cache is cleared (or the first time a page is loaded), the page height includes the cumulative height of all of the slide images.

http://www.annehunterstudio.com/abhnewsite/index.shtml

I don't think this happens when fade is false.

Forrest

Frits:
Feb 26, 2011 at 08:23 PM

As promised, 50 cups of coffee for fixing the fade bug. Keep up the good work!

There is still a minor issue left:
If you add more than 10 slides to a slider it slides through all slides if you go through the 2 digit slides. It's hard to explain. Slides 0 to 9 work like they should. Slides 10 and higher don't.

Erik Krogh Kristensen:
Feb 26, 2011 at 04:48 PM

I just released 2.0.10, so now your bugs should be fixed (and some other bugs that i found).
Download full package here: http://webbies.dk/SudoSlider/download.html
Or just the javascript: http://webbies.dk/SudoSlider/assets/files/SudoSlider/package/js/jquery.sudoSlider.js

Alexey:
Feb 24, 2011 at 05:50 PM

auto: true && continuous: true isn't work

Mauro Ramón:
Feb 23, 2011 at 11:57 AM

Hi Erik.
I´ve noticed that in IE7, IE8, Safari 4.x, Firefox 3.6 the auto fade option doesn´t work (it freezes at the second picture or div in the ul li list).
The file is in the .zip package of the version 2.0.9 of the script... so in my previous post I thought we were coding wrongly the fade option. But it (apparently) is a problem in the script itself.
If you click on the arrows, everything goes smoothly... but the auto feature (with fade activated) has some kind of problem. We point that out to help you in the debugging process, not as an empty critic: this script is really an improvement over many others jquery galleries out there.
With appreciation / admiration, M.

Frits:
Feb 23, 2011 at 10:19 AM

Hi Erik,

Very nice slider! Finaly a slider what does it all. In my eyes at least :)

One bug found, the "auto" property only slides 1 slider and then stops. On my site as well as on your demo for auto.

Kind regards,

Frits

Forrest:
Feb 22, 2011 at 02:54 AM

Hi.
I'm having fun using Sudo Slider. Thank you!
I am having an issue with the setting "fade" to true, however. It seems to break my slide show.
http://www.annehunterstudio.com/abhnewsite/indexsudo.shtml (fade:false)
http://www.annehunterstudio.com/abhnewsite/indexsudo2.shtml (fade:true)
Must all images be the same dimensions in order for fade:true to work?

Forrest:
Feb 22, 2011 at 02:49 AM

I'm pretty impressed with Sudo Slider. I'm wondering about fade:true, however. In order for this setting to work, must all images have the same dimensions?
On this first page, http://www.annehunterstudio.com/abhnewsite/indexsudo.shtml , I've set up Sudo Slider with fade:false.
On the second page, http://www.annehunterstudio.com/abhnewsite/indexsudo2.shtml , the setting is fade:true which seems to break the slide show.
Am I missing something?

Rick:
Feb 21, 2011 at 09:40 PM

hi, I'm trying to access the "advanced options"
I'm following the instruction where it says

var sudoSlider = $("#slider").sudoSlider()

to create a variable that references the sudoSlider itself.
then I'm trying to call it from other areas of the code with its defined name
sudoSlider.goToSlide(3);

but I'm getting sudoSlider is not defined.

I tried calling it (var) different names. Still nothing.

Thanks for your help in advance.

Mauro:
Feb 21, 2011 at 01:43 PM

Hi Erik.
We´ve tested your slider in a working proyect, you can see it here:
http://www.altoalberdi.com/test3/
But... if you can see the code, even using Jquery 1.5, the correct settings in the Sudo js, and in the html code, the auto fade feature stops at the second li item.
We tested back and forth, again and again and really started to get mad.. maybe it´s in front of our eyes, baut we can´t see the problem. We are shure it´s a setting thing.
Can you help us by looking if we missed some setting? We touched the Sudo Js settings (trying to make it work), and also the HTML script of the Sudo init... No luck.
Thanks a lot, we used the same settings as your demo page.

CR:
Feb 20, 2011 at 05:10 PM

@Erik, is 2.0.9 a very recent release? I just grabbed 2.0.8 last week. Should I update and if so, is there anything I should change between the existing code for the current sliders to continue to work?

CR:
Feb 20, 2011 at 05:09 PM

@Erik - thanks man. It seemed to be a fade(); issue, not a Sudo Slider issue. I was hiding the two scroller divs then trying to fade them in. That didn't seem to work because the first slide wouldn't show up all the way. I changed it to just show();/hide(); and it seems to work great on load, so I no longer have to hide it in the background with a negative z-index.

Thanks a lot, love the slider. Great job.

Erik Krogh Kristensen:
Feb 20, 2011 at 10:52 AM

@Stephanie:
I can't replicate the bug (i even tried to use the configuration you send in the mail).
Could you send a link to a page where the bug occurs.

Erik Krogh Kristensen:
Feb 20, 2011 at 10:50 AM

@CR:
I just released 2.0.9, IE6 should work with that version.

Stephanie:
Feb 18, 2011 at 01:54 PM

Hi,

How can I use customLink with fade = true ?
The slide effect is stille there after the fade effect :(

And when I add crossFade:false the effects are good but the slide shown is allways the first one.

Erik Krogh Kristensen:
Feb 12, 2011 at 05:39 PM

@Jon Kristian:
I can't replicate it.
But in the past, i sometimes had problems with text if i didn't put the text inside paragraphs (see : http://www.w3schools.com/tags/tag_P.asp ).

@Fernando:
This is intended.
If you wan't just one button pr. "page" you can create your own buttons using customLink (see http://webbies.dk/SudoSlider/help/#Settings-CustomLink and http://webbies.dk/SudoSlider/assets/files/SudoSlider/package/demos/customLinks.html)
If you use them, remember to disable the build in paging (disableing numeric).

@Gizmo:
I'm glad that you fixed your problem, but i'm not going to implement your fix, it breaks more than it helps (if the slider isn't configured exactly the way you have it).

The Firefox problem isn't something you should worry about. I'll explain the problem here.
With all other browsers than Firefox, i can just use the .position() ( http://api.jquery.com/position/ ) to get the position of the slide i wan't to animate to. But firefox get that value 1-2 px off pr. slide (I have no idea why).
So the function getSlidePosWidth() manually calculates the position of the slide i wan't to animate to. And that works in all browsers.
You'r "fix" doesn't affect that in any way.

Gizmo:
Feb 12, 2011 at 12:53 PM

Hi again,

I have not given up and it's working now :)
First of all I commented cloning of slider elments (lines 280-288). Then I changed line 692 in method getSlidePosWidth() from:
if(option[11]/*continuous*/) substract = 1-option[40]/*slideCount*/;
to:
if(option[11]/*continuous*/) substract = option[40]/*slideCount*/;

I tested this on IE6/7/8 and latest Firefox,Chrome,Opera.

I can't figure only one thing you mentioned in comment in line 689:
"// This is a bit complicated, because Firefox won't handle it right."
Can you tell some more about Firefox behavior in this case?

Saravanan:
Feb 05, 2014 at 06:41 AM

I have images and swf in a slider. Transition effects is awesome with the images but i don't find transition effects with the swf and sometimes firefox crashes when swf is in a slider.

Gizmo:
Feb 12, 2011 at 12:03 PM

Hi,

I have problem with "continuous" option when there is flash content (embeded via swfobject) in slider with fade effect.
Exactly I want to use "auto" option - this is enabling "continuous" - and there are clones created in DOM. Becouse jQuery cannot properly clone "object" elements I have no flash in slider :( I tried first to remove cloning in initSudoSlider() and then modify default switching behavior in fadeto() method, but without success.
Do you have any hints how to make this working?

Thanks in advance,
Rafał

Fernando:
Feb 10, 2011 at 09:53 PM

Hi! excellent slider! I was trying to paginate while using slideCount, an Numeric and noticed that a number is generated for each and not for each "page". Is this intended? Is there a way to have auto page numbers instead of the deafult slide numbers?

Luis Escobedo:
Feb 06, 2011 at 12:16 AM

Great slider script! Out of all the ones I researched this was the most accessible and flexible I believe.

One small bug I found was in the sudoSlider.destroy() function. If you choose not to use the built in paging controls (because I am using the customLink option) then calling destroy will throw an error because it tries to remove the controls i.e. this line in destroy()

// First, i remove the controls.
controls.remove(); // that's it.

I just went around it by checking for the "controlShow" option before calling remove.

if (option[0]) { // 'controlsShow option'
controls.remove(); // that's it.
}

Thanks for the great script.

Max:
Feb 02, 2011 at 04:22 PM

Hi Erik, thanks for you wonderful slider!
Just two questions:

1. This seems to be a bug: I want to go "next" by clicking each image, so I add "class='customlinks' rel='next'" to the LI tag. But it happens that the last slide always disappear after fading in. This happens also if I put the code in the IMG tag, or if I put the code in just one of the LI: the result is always the strange behavior of the last image. (tested in firefox)
(As a suggestion for the next version could be useful a new option to allow the image to be clicked so that the first half goes "prev" and the second half goes "next")

2. How can I add two more buttons to the numeric navigation? I would like to add a letter before the numbers (prev) and another letter (next) after the numbers. Do you think it is possible?

Thanks a lot,
Max

Jon Kristian:
Feb 01, 2011 at 11:44 PM

@Erik, yes that was what I thought, turns out there was some conflict with the history argument when using several sliders, it's all good and working now. Thanks:)

Erik Krogh Kristensen:
Jan 30, 2011 at 07:27 PM

@Alex:
I think i know what you are talking about.

When you (just an example) try to slide from slide 28 to 29. It just acts crazy (slides really really fast) but end up in the correct place.

I know that this bug exits, and it's a bug in jQuery ( http://bugs.jquery.com/ticket/7450 ) and not in the Sudo Slider code.
If you downgrade jQuery to version 1.4.2, the bug disappears.

There's nothing else you can do about it, unless you wan't ugly code.

Alex:
Jan 30, 2011 at 02:20 PM

Hi, when I put inside of the slider about 30 slides, it becomes buggy.
Files not more than 150Kbytes. Can you check please??

Erik Krogh Kristensen:
Jan 29, 2011 at 12:02 PM

@Sims:
Update you script to version 2.0.7 and then when creating the slider do like this:

var sudoSlider = $('#sliderIdIsSomething').sudoSlider({ /*all you options in here */ });

And when you destroy it, do like this:

sudoSlider.destroy();

That might work better, if it still doesn't work correctly, then plz post a new comment.

Erik Krogh Kristensen:
Jan 25, 2011 at 03:41 AM

@brooke:
I can't replicate the bug you are descriping.

I'm using the following config:

var sudoSlider = $("#slider").sudoSlider({
loadingText:"This is a loading text",
preloadAjax:false,
fade:true,
continuous:true,
..........
});

It will be easier if i can see the bug.
So could you upload the site you are trying to create?

Erik Krogh Kristensen:
Jan 24, 2011 at 09:20 PM

@Jon Kristian
Sure you can, it no need to get dirty.
Have one slider with id="slider1" and another with id="slider2".
Then initialize using $('#slider1').sudoSlider({ ..... }); and $('#slider2').sudoSlider({ ..... });
That's it!
(I'll add a demo demonstrating it in version 2.0.7, i will release it about sunday).

@Alberto:
Sudo Slider doesn't support population 2 different sites directly. But you can allways use the same code on 2 different pages.

@stefan
Sure, look at this demo: http://webbies.dk/SudoSlider/assets/files/SudoSlider/package/demos/customLinks.html

@Devon:
You can, if you don't use it in any proprietary code (shouldn't be a problem in a template), and mention that you use code from the Sudo Slider Project (plus a link).
A donation would be appreciated if you make any money from it.

Devon:
Jan 24, 2011 at 02:02 PM

Hi!

I love your script and have been using it for a while now. I was just wondering what the licensing was for your code; if it allows for reselling such as selling website templates with the code packaged in.

Thanks!

stefan:
Jan 21, 2011 at 10:49 AM

thanks a lot for this wonderful slider

is it possible to make a link for each pictures in the slider ?

Stefan

brooke:
Jan 19, 2011 at 04:20 AM

is it possible to get the preloadajax and loadingText working with your "captions" demo? i can't seem to get those settings to work in that example and my images are kind of big. thanks! brooke

Alberto:
Jan 18, 2011 at 02:01 PM

Erik,
is it possible to extend a page to two pages? I mean using a single slide HTML source to populate two pages?

Jon Kristian:
Jan 18, 2011 at 01:51 PM

Great plugin! Is it possible to run more than one instance of the slider on on page?
Don't mind getting my hands dirty if it requires so.

Erik Krogh Kristensen:
Jan 17, 2011 at 02:16 AM

@Guillem
The bug will be fixed in the next release of Sudo Slider.

@Dave Moz
Try to set the z-index ( http://www.w3schools.com/Css/pr_pos_z-index.asp ) of the controls to something like '10000000'.

Dave Moz:
Jan 12, 2011 at 06:11 PM

Hey,
Great slider script, but I'm trying to put some absolute-positioned transparent text boxes on the bottom edge of multiple sliders, all on the same page. The problem is that the sliders fade out then pop the text boxes back on the next picture. I have them outside of the #slider divs, but i can't figure out how best to do this.

Site is here: http://thegallerymusic.com/testing/services.html

Any help would be greatly appreciated. Thanks!

Guillem:
Jan 08, 2011 at 06:21 PM

When auto is set to true first time the AfterAniFunc is called $(this) has the value of last slide.

Erik Krogh Kristensen:
Jan 07, 2011 at 06:17 PM

@Wally:
You aren't the first to have this "issue".
SudoSlider isn't designed to work fullscreen, there are other "fullscreen" sliders designed for that.

Wally:
Jan 07, 2011 at 04:43 PM

Hi,
Sudoslider is very cool and usefull, but i have a little issue with it.
If I want to put the slider width to 100% of the page, I see the images only during the fade transition, and I cannot see them in other moments.
I tried to use a dummy container, but I had the same result.
Can you help me please?

P.S. - Sorry for my english :( I hope you understood me however...

Erik Krogh Kristensen:
Jan 06, 2011 at 12:01 PM

@Jerry kew
I don't know exactly how, but somehow you massive use <table> of messed it up. (the table tag is for tables. div tag is much better for layout, it's better to learn that sooner than later).
I deleted the <table> that surrounded the slider, and replaced it with a <div>. Not it works.
I got a working copy of the new code here:
http://webbies.dk/SudoSlider/assets/files/SudoSlider/tmp%20files/artery.html

Thanks for the donation, it's appreciated.

Jerry Kew:
Jan 06, 2011 at 10:28 AM

Erik, thank you for the prompt reply, I have now cleaned up the code ;-(

I have rebuilt it, in a simpler fashion, but I am still seeing the problem, - good in ie and ff, not so in chrome

http://www.arterysolutions.com/index.cfm?page=slideshow&cw=c is the new url.

I really cannot see how it differs from your example, but then I am sure it will be blindingly obvious to you.

PS coffee donated! ;-)

Alberto:
Jan 06, 2011 at 12:37 AM

Erik,
my problem with IE was actually due to a missing width setting in my css: IE is known to be more "fragile" in these cases...
As for mouseover, I already tried startAuto (found in source ;)) but with no result - slideshow stayed blocked. Will try again anyway.
Thanks,
al.

Alberto:
Jan 05, 2011 at 04:44 PM

Hi, great improvements over easyslider, thank you for sharing. \r\nI only have problems with IE, which gives me a javascript error while all is perfect with Firefox and Chrome (see for example my homepage). Are you aware of any settings that could cause this?

And a question: the best way to implement a pause on mouseover? I tried this way:

...
afterAniFunc: function(t){
$(this).mouseenter(function(){
sudoSlider.stopAuto();
});
$(this).mouseleave(function(){
var sn=t+1;\r\n if (options.continuous){
sudoSlider.goToSlide(sn);
} else {
sudoSlider.goToSlide(sn);
}
});
}

but it only works on enter (mouseenter stops slideshow, but mouseleave does not make it restart). Another way to do this?

Thank you,
al.

Alexey:
Jan 04, 2011 at 10:48 PM

I has improved multiple slider. Please see.. http://file.qip.ru/document/Y_DUMgAN/Improvment.html (part of code)
I has added new parameter COUT (this is count of displayed slides on page). Now works correctly! Please add the new version. Regards, Alexey

Jerry Kew:
Jan 03, 2011 at 01:40 PM

Hi, excellent plugin, I have a problem though, http://www.arterysolutions.com/index.cfm?page=pages&p=70 works fine in ie/firefox, but not with chrome, any ideas?
Jerry

GO HERE INSTEAD

GO HERE INSTEAD

Comments

Comments (418)

Help and support

Donate to the project

See the demos