Fork me on GitHub
Sudo Slider

GO HERE INSTEAD

Comments

Comments (418)

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

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

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

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

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

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

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

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

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

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

    how do I add captions to the responsive demo?
    Thanks

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

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

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

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

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

    What license is the sudoSlider code released under?

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

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

  18. Weblady:
    Apr 17, 2014 at 08:20 PM

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

  19. Toby:
    Apr 17, 2014 at 06:40 AM

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

  20. Henri:
    Apr 15, 2014 at 01:05 PM

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

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

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

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

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

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

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

  27. Evgeniy:
    Mar 16, 2014 at 09:14 PM

    Hi!

    Is any possibility to animate li backgrounds?

    Best regards.

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

  1. 1
  2. 2
  3. 3
  4. 4
  5. 5
  6. 6
  7. 7
  8. 8
  9. 9
  10. 10
  11. 11
  12. 12
  13. 13
  14. 14
  15. 15

This thread has been closed from taking new comments.

Help and support

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.

Donate to the project

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.

See the demos

The demos showcase just how much Sudo Slider can do.
They showcase features such as AJAX, fading, methods, captions automatic slidehow and a tabs.