Fork me on GitHub
Sudo Slider

GO HERE INSTEAD

Comments

Comments (418)

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

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

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

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

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

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

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

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

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

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

  11. Erik:
    Jan 20, 2014 at 04:24 PM

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

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

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

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

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

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

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

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

  18. Fernando:
    Dec 13, 2013 at 04:47 PM

    Many thanks Eric
    It was very helpful.
    Best regards

  19. 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>");

  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.