Fork me on GitHub
Sudo Slider

GO HERE INSTEAD

Comments

Comments (418)

  1. Alex Hommel:
    Feb 19, 2013 at 12:19 PM

    Hi Erik,

    is there some way to prevent the 3 slides from appearing under each other before the everything is loaded?
    Or does it have to with the ordering of the different scripts on my page?

    Example: http://affectiontheme.tumblr.com

    Many thanks!

    Alex

  2. Mufeed Ahmad:
    Feb 18, 2013 at 06:25 AM

    Thank you very much for this nice work.

  3. Terence:
    Feb 16, 2013 at 07:39 PM

    Can Sudo Slider size and crop images of different size keeping the same displayed image size?

  4. Frank:
    Feb 11, 2013 at 01:40 PM

    Hi Erik

    I'm using the 'Using touch gestures to navigate' example as a base but I can't figure out how to prevent the slider from being 'continuous'. Even with the switch 'continuous:false' it doesn't stop at the first/last list item but jumps to the other end.

    How can I avoid this behaviour?

    Best regards & thanks in advance

    Frank

  5. sha:
    Jan 29, 2013 at 08:32 PM

    hi, how can i add an active class to the img tag rather than the controls?

  6. Alex Hommel:
    Jan 29, 2013 at 02:14 PM

    Hi Erik,

    I implemented the slider on this page with the autoheight feature:
    http://affectiontheme.tumblr.com/
    If you look closely on the right edge of each slide, there is 1px visible from the next slide. The dynamic ul styles display e.g. " margin-left: 2001px and it should be 2000px instead. Can you point me in the right direction, where I can actually adjust this offset of the following slides?

    many thanks in advance.

    Alex

  7. Elerrawin:
    Jan 18, 2013 at 09:56 PM

    Hello Erik, Sorry never mind about that i've just read the documentation.
    But i still want to know if there is a way to load only one page at the time. Thanks

  8. Elerrawin:
    Jan 17, 2013 at 11:49 PM

    Hello there, nice slider.
    I'm using the Ajax version of Sudo Slider, to slides between pages, and i was wondering if there is a way to use "Lazy load" with it, it's taking alot of time to charge, what is the purpose of ajax if it still load all pages at the beginning?
    Thank you :)

  9. Samuel Bravo:
    Jan 15, 2013 at 12:33 PM

    Hi Erick
    First, congratulation and thanks for your code. I would like to ask if is it possible to disable the white screen that cover the non-current images. My intention is to display the image strip from side to side of the screen.
    Thanks.

  10. Lorcan:
    Jan 14, 2013 at 07:50 PM

    Hi Erik
    Thanks for your reply again - that makes sense of course given it is called auto with stop - funny thing is when I downloaded it a few days ago the slider was behaving differently - that is - when it came to the last image - it reversed all the way back to the first slide and started again. I put this version in my web page and it works fine as I said before in Firefoc, Chrome etc but not in IE. Have I mixed this up with another slider? I cant see any now that works like this on your demos. Thanks again.

  11. Loïc:
    Jan 14, 2013 at 02:13 PM

    Hello,

    I try to use sudoslider in different page.

    For example, I have a ecommerce website, the front page has sudoslider with a new products, and a sudo slider with the specials. It's ok because the css is the same and the width of the sudoslider is also the same.

    But if I want to use sudoslider in product description (cross sell) and my width of the sudo slider is different than the front page, it's impossible because in css we have that for all css (I precise all my css has downloaded in one shot, I have a conflit with that below):
    [CSS Irrelevant]

    Could you tell me how to change to use sudoslider with a width : 600 px and another with a width : 400px.
    Is it possible to have a .prevBtnSlider#3 for example like Slider#3, Slider#2 ?

    Thank you for your script and help.

  12. Erik:
    Jan 13, 2013 at 09:03 PM

    @Lorcan:
    If you're still talking about the 'Auto Demo with Stop', then the entire purpose of that demo is that it stops (or you could call it freeze) at the last slide.

  13. Lorcan:
    Jan 13, 2013 at 05:32 PM

    Hi Erik
    Many thanks for your reply and your update - It does work better now but now freezes on the last photo - I´ve only checked it in IE 9 on your own demo.
    Thanks again,
    Lorcan

  14. Erik:
    Jan 11, 2013 at 03:53 PM

    @Lorcan:
    I've taken a look at it, and i think i fixed it.
    Try to look at the demo again.

  15. Lorcan:
    Jan 11, 2013 at 12:19 PM

    Hi Erik and All, I love this slider - I'm new to web development and I find it really easy to use. However I've noticed that the demo 'Auto Demo with Stop' doesnt work in IE 9. IE 8, IE 7 - it stops after the second - on IE 7 it is clear that whats happening is the text line is hitting the left margin of the page and will not slide any further thus not revealing any further text - I've looked at the original demo (with pictures) in IE and it does the same - Anyone else experience this? Thanks

  16. Erik Krogh Kristensen:
    Jan 09, 2013 at 10:28 PM

    @Ruben Teijeiro:
    I can confirm the bug, and i'll take a look at it when i'm at a better computer sometime tomorrow.

    Edit: Found and fixed, you just have to add #slider {width: 100%;} in the CSS.

  17. Ruben Teijeiro:
    Jan 09, 2013 at 07:03 PM

    Hi. I have used Sudo Slider in this website: http://detectivesinvestigadores.com

    It looks well in all browsers except in Firefox, where the slides content doesn't appear. I have noticed that the content appears when I delete the "responsive: true" statement in the javascript.

    Could you tell me what I'm doing wrong, please?

    Kidn regards and thanks a lot for your time.

  18. Erik:
    Dec 29, 2012 at 08:57 PM

    @Nick Fairall:
    I actually just changed how autoheight works today.
    So if you download the newest release that i uploaded a minute ago, it will work as you expect it to, even if you have autoheight on.

  19. Nick Fairall:
    Dec 29, 2012 at 01:32 PM

    Sorry, figured it - setting autoheight to false seems to have done the trick.

  20. Nick Fairall:
    Dec 29, 2012 at 12:21 PM

    Hi there.

    I'm looking to use the 'multiple slides per slide' slider to display two slides at a time. Each slide will display html (a competition round). I'm having a problem with AutoHeight - the first slide content may display a prelim round with, say, 2 competitors, and the second slide will display the first round proper with, say, 32 competitors. AutoHeight appears to take the height of the first slide and then sets the height of the second slide to the same height, cutting of much of the second slide's html.

    Any workaround please?

    Many thanks.

  21. Erik Krogh Kristensen:
    Dec 28, 2012 at 10:19 PM

    @Adam Dunlap:
    There is a limit, with the size of images you are using that limit is about 3000 slides.
    So you are not hiting any limit.

    I'm having trouple replicating the bug you descriped.
    What browser are you using?
    If the image you are trying to scroll to hasn't yet been loaded, it could result in having a "blank" page, are you sure the image you tried to scroll to was loaded?

    A way to solve it could be to use the AJAX feature of the slider, if you use that the slider can manage what slides are loaded and what slides are not.

    @Ken:
    Yep: http://webbies.dk/assets/files/SudoSlider/package/demos/pause%20on%20mouseover.html

    @Kam Banwait:
    Not a issue that i know of, or am able to replicate.
    Remember that you have to specify in the "rel" attribute what slide you wan't a link to.

  22. Kam Banwait:
    Dec 28, 2012 at 01:19 AM

    Hi, I've got the slider working so it loads in pages in wordpress via Ajax but any links within the slider seems to take the slider back to the 1st slide. I'm using the custom link option and have tried to be very specific with classes but the internal links still take the slider back to slide 1.

    Is this a known issue? I'm lading HMTL pages in to the slides

  23. Ken:
    Dec 20, 2012 at 09:36 AM

    Hi,Erik:
    How to set this slider pause when mouse over the slider,and continue when mouse leave?

  24. Adam Dunlap:
    Dec 17, 2012 at 10:47 PM

    Sorry, forgot to post the source....

    http://www.kayacorp.com/Santa2/index.html

  25. Adam Dunlap:
    Dec 17, 2012 at 10:16 PM

    Hi all,

    I was trying to add 20 oddly shaped .jpg files using the index.html as an example (from the download) and it works...until the 10th image...and then I get a blank screen. Is there a limit to the images and anywhere I can set to increase it? I've viewed all the images and they seem to be valid (nothing corrupted)...

    adam

  26. Frank:
    Dec 04, 2012 at 02:16 PM

    @Erik:
    thanks a lot for your help and for posting the updated responsive example.
    It's working perfect for me now.

    Best regards

    Frank

  27. Erik Krogh Kristensen:
    Nov 30, 2012 at 11:56 PM

    @jessie:
    Thanks for the link, but it gives me a 404, so nothing i can do.

    @Frank:
    There is a way to do it, because i tried, and i didn't run into any problems.

    I updated the responsive demo to change the number of slides shown based on the width of the browser window.
    You can see it here: http://webbies.dk/assets/files/SudoSlider/package/demos/responsive.html

    And when you change an option, SudoSlider automatically runs destroy() and init(), so no need to do that also. (Because of some tricks, if i didn't call destroy() and init() automatically, nothing would ever happen when changing options on the fly).

    But i never ran into your "too many iterations" bug. So could you send me a page where the "too many iterations" bug is present?

  28. Frank:
    Nov 30, 2012 at 09:42 AM

    Hi Erik, thanks for the great, flexible & well documented script working with desktop and mobile devices.

    One question: I'm using it with a responsive layout (start value: 3 visible image columns in the slider) and I was wondering if it's possible to change the column count on windows resize on the fly at specified break points.

    I tried it using destroy(), then setting a new value to a global var for slideCount and calling init() again, but that doesn't work.

    Also setting the count directly for the slider instance with setOption('slideCount',value) doesn't work, it throws errors saying 'too many iterations'.

    Is there any way to achieve what I'm trying the slider to do?

    Thanks in advance, Frank.

  29. jessie:
    Nov 28, 2012 at 05:19 PM

    sorry, you can take a look here: http://www.home-schlafen-wohnen.de/bettgestelle-polsterbetten-koeln.html

  30. jessie:
    Nov 28, 2012 at 05:17 PM

    hi, i tried to install the slider, but it doesn´t work like in your demo :-( what i do wrong?
    thx a lot für help!
    jessie

  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.

Copyright 2013 by Erik Krogh Kristensen (webbies.dk)
This site is under a Creative Commons License.