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