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