If you need help, the first thing you should do is read the documentation.
Start with reading howto setup the slider if you are completely lost.
I like my work, like to see a piece of code grow.
But humans doensn't live of air alone.
So if you like my creation, you should consider giving me a cup of coffee.
The demos showcase just how much Sudo Slider can do.
They showcase features such as AJAX, fading, methods, captions automatic slidehow and a tabs.
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.