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.
Marc Korthout:
May 01, 2012 at 07:43 AM
Your slider looks and works great! Works perfectly on my iPad but my iPhone just shows 5 seperate pictures.
Is that normal or am I doing something wrong?
Tozé:
Apr 25, 2012 at 01:30 PM
Hi! I know its possible to have nested slides. But is it possible to have a slider in a slide?
Like this image: www.slimmymusic.com/slide/slide.jpg
Thank you.
Steve C:
Apr 23, 2012 at 08:51 PM
Hi there-
Thanks for the great plugin.
I am trying to have a button show up when the user reaches the last slide. When I was previously using Flexslider, I was able to accomplish this with "end" attribute like this:
end: function(){$(".submit_quiz").css("display","block");},
Is there similar functionality with Sudo Slider? I tried detecting "currentSlide" but I am having no luck. Any ideas?
Thanks!
-Steve C
Kam Banwait:
Apr 17, 2012 at 10:37 AM
Found an IE7 bug :(
I'm creating a slider that contains another slider within it on the last slide. If I set continuous to True on the main slider the inner slider doesn't work in IE7. IE8+ and other browsers can handle it but IE7 falls over, with no error messages. It just fails to target the 2nd slider inside of the main slider.
I've fixed it by removing continuous TRUE on the main slider but it has effectively lost one of our main wanted features of this slider :(
Is there any fix to this?
Thanks ... overall this is a really good slider !!
Kenn:
Apr 11, 2012 at 07:23 PM
Is it possible to have the slides animate from left to right instead of the traditional right to left cycle?
Thanks,
Kenn
Stefan:
Apr 06, 2012 at 03:39 PM
Hi there,
I was wondering how I can make images auto slide from left to right, instead of the default right to left.
Many thanks,
Stefan
Dick Kirkland:
Mar 22, 2012 at 06:55 PM
Hey Erik,
Thanks for your response on AJAX and the history option.
I appreciate you testing the issue in different browsers.
I'm building something with SudoSlider and will let you know if I experience similar issues.
Once again, great work and thank you!
Sincerely,
Dick
pixi:
Mar 15, 2012 at 12:25 PM
Great slider. Lots of awesome features. Thanks for sharing!
I just wanted to ask something regarding "Creative navigation 2" http://webbies.dk/SudoSlider/assets/files/SudoSlider/package/demos/creative%20navigation%202.html, when I add more than 5 items, the list starts work weird. Is there a way around this?
Sander:
Mar 08, 2012 at 05:05 PM
Hi, this plugin is just what was looking for. I need the nested example to show more then one item at a time. I did set the slideCount to 2 but it does not work. Any ideas?
Thx Sander
Julie:
Mar 08, 2012 at 02:43 PM
I'm using your slider in jquery tabs. It works great when the Photos tab is loaded on the first tab, but if you go to this link where the Maps tab is loaded first, then the slider doesn't load correctly: http://vps7253.inmotionhosting.com/~visitfol/index.php/attraction-library?attreq=listing&attid=2#directions.
Any ideas?
Stan:
Mar 07, 2012 at 02:43 PM
I was wondering if we could get a better tutorial or explanation for sliders embedded in sliders?
I've got one slider with 4 slides, lets call it slider1. Within one of those slides I've got another slider, we'll call that slider2.
Now, slider2's content has different sizes, as it is rich content, but when I slide slider2 it will bleed off the div that slider1 is in.
How can I get slider2 to update the height of slider1 basically.
Cheers,
Stan
Erik Krogh Kristensen:
Feb 28, 2012 at 09:09 PM
First of all, this is writting quite quickly, without me checking any grammar, so bear with me.
@Asif:
See this demo: http://webbies.dk/SudoSlider/assets/files/SudoSlider/package/demos/history.html#number 4
@tetsu:
Currently the script translates user input into a slide that the user wants to move to.
The slider then finds the shortest path to that slide, that is what currently makes continious work, it doesn't just keep sliding in that direction, it just slides to whatever is the closest.
So in short terms, no, you cant solve that. Not with the never versions of sudoSlider at least.
@Rainmaker:
Donation form: http://webbies.dk/SudoSlider/donate/
I changed the sorting direction of the comments, thanks for reminding me.
And glad that you managed to fix the problem
@Corie:
I just tried opening the site in firefox, and couldn't se the 1px bug, did you fix it?
@cssyren:
I have no idea, but i don't see any reason why it shouldn't.
Just give it a try, its not hard to set up.
@Dick Kirkland:
The script is complicated, especially the Ajax part.
If something doesn't work in some browsers, then the change of me knowing why is very small.
And in this case, i have no idea.
Ajax and history should work together, mostly because history should just be another "layer" on top of sudoSlider, basicly triggering the same events as if you pressed a button.
I tried to replicate your bug in Firefox 7.0.1, 9.0.1 and 10.0.2, and couldn't.
If the bug is only in 10.0.1, then ignore it, most firefox users updates their browser to the newest version regualy.
If you really want me to look at the bug, then make a page where the bug is present (because i failed at that), and the me a link to it.
@Jorge Elvir:
About ½ a year ago, in tried running it on a first gen iPad, and it ran smoothly.
The javaScript that does the animation is just a jQuery.animate, and i believe that the jQuery team has optimized everything that can be optized when it comes to animation.
One of the things that can make the animation lag on almost any computer is image size, especially when having a big image in a small container (down-scaling). Look at your images and make sure non of them are scaled by the browser, that could help a lot on performance.
@Andreas:
The basic jQuery animation i'm using to do the sliding adds the overflow:hidden, so basicly no.
You could experiment with the width of the thing, making it 100% or something like that (i have no idea how that will work).
And to make you effect you are talking about, i would suggest that you have a main slider, and 2 extra slides that are 50% opaque on the left and right side of the main slider.
@Rif:
Like this:
http://webbies.dk/tmp/sudoSlider218/demos/basic%20-%20Kopi.html
I had to remove the fading of the next/previous buttons, more than one animation at the same time on the same element is hard in jQuery.
@Vincent Muoio:
There are lots of "no right click" scripts on the internet, and i suggest that you do not use them.
If you wan't the user to view an image, they can copy it. End of story.
It is not possible to have an image on a website, that can't be copied.
If you wan't to protect your works, a common method is to watermark it with some sort of logo, or other things that are not easily removed (see for example the images on istockphoto.com)
@Kees Hessels:
No, there isn't a way to cancel it.
But i would suggest that the button the user clicks, triggers your javascript instead of SudoSlider.
Then you can make the slider animate, if the form checking completes.
@Amir Khan:
The flashLike demo was using some old code, that wasn't updated.
It will be fixed in the next version.
Meanwhile, you can see the updated version here: http://webbies.dk/tmp/sudoSlider218/demos/flashlike.html
Amir Khan:
Feb 27, 2012 at 03:52 PM
Hi Erik,
Have you noticed any issues when using the Flash Like demo on IE9? It doesn't load the images until you refresh the page, I haven't been able to find any errors, do you know why this is happening?
Thanks!
Amir
Kees Hessels:
Feb 26, 2012 at 03:18 AM
Hi Erik,
Great work on your slider AND the time you put in to support....
I am using the beforeAnim function to do some form checking.
Q: is there a way to cancel to animation to the next slide ?
( in case the form checking fails )
Thanks,
Kees.
rif:
Feb 18, 2012 at 04:41 PM
Hello.
Thanks for your hard work! :-)
I living in Estonia and my english is not perfect.
But my question is:
How to but this three scripts examples together?
http://webbies.dk/SudoSlider/assets/files/SudoSlider/package/demos/autowidth.html
http://webbies.dk/SudoSlider/assets/files/SudoSlider/package/demos/callbacks%208%20%7BhideNavWhenNoFocus%7D.html
http://webbies.dk/SudoSlider/assets/files/SudoSlider/package/demos/pause%20on%20mouseover.html
Thanks
Andreas:
Feb 17, 2012 at 08:41 PM
Hi! Great scroller. Have two questions.
Is it possible to disable the "overflow:hidden" that are getting added when scrolling?
Can the slides outside the "main" slide be set to be 50% opaque?
Jorge Elvir:
Feb 16, 2012 at 05:31 PM
This is an awesome plugin I love it! it works flawlessly on any major browser and any mobile device, but I came across with a small problem on the first iPad, the transitions like fade for example aren't as smooth as the rest of the devices/browsers even on the ipad2 works great, but on the first ipad the transitions are all choppy, could there be any fix for this or it's just the ipad who can't handle javascript very well?
Dick Kirkland:
Feb 14, 2012 at 09:57 PM
Yay! I saw more documentation on the callbacks for sudoSlider and was able to capture and display the value of the slide number above the slider (seen in the snippet below).
I noticed that I'm unable to load my first slide of AJAX content using "history:true,"
without using the option
"preloadAjax:false,"
I was only able to produce the bug in FF 10.0.1. IE worked fine. In FF, without using "preloadAjax:false", sometimes the first slide would load and sometimes it would not. Also, this intermittent loading happened with both content that was hashed and just refreshing the first page/slide of a set. Do you know if this is the best method of trying to use history and AJAX together with sudoSlider?
Any help or advice would be greatly appreciated.
Thanks again,
Dick
$(document).ready(function(){
var sudoSlider = $("#slider").sudoSlider({
numeric:false,
history:true,
preloadAjax:false,
speed:'400',
ajax: [
'AjaxDependencies/ajax.html',
'AjaxDependencies/form.html',
'../images/03.jpg',
'../images/04.jpg',
'../images/05.jpg'
],
afterAniFunc: function(t){
$('div.descrip-text #slidenumber').text(t);
}
});
});
Dick Kirkland:
Feb 14, 2012 at 03:14 PM
Thanks for this great script and its wonderful documentation! It rocks!
I've been doing some tests with the code and have one question.
I'm trying to print out the value of the slide content that's fetched via AJAX after it has loaded, and place that value in a title above the slider.
In using the "history mode" of the slider, is there any way you could elaborate on how to obtain and write the value of the current slide from "sudoSlider.getValue('currentSlide');"?
I have tried several things, but don't know if some function(s) should go in or outside of the original document.ready. Any additional help or insight would be greatly appreciated.
Sorry to bother you with this because you have done a lot of great work for many folks already.
Thanks in advance,
Dick
cssyren:
Feb 10, 2012 at 03:07 PM
Hello,
Congratulation for this tool wich is great and very simple to use. But I have a question for a specifical use. Is it possible to use sudoslider in order to make an arab website ? It means that sudoslider works in mirror mode width the dir="rtl" ?
Thanks ;)
Corie:
Feb 08, 2012 at 08:51 PM
I was using 2.1.6 on a few websites and seeing the 1px positioning bug in IE8. I upgraded to 2.1.7 and it fixed the issue but now I'm seeing the same issue in Firefox with one website ( http://www.advocoinc.com ). 1px of the right side of the slide to the left shows up on every even numbered slide, so 2nd, 4th, and 6th.
rainmaker:
Feb 08, 2012 at 06:08 PM
oh, sorry for point 3. I've renewed sudo script and everything is fine now. Just want to donate now :)
Rainmaker:
Feb 08, 2012 at 06:03 PM
Hello.
I've got 3 questions.
1. I want to donate, is there english version of donation page?
2. Can you move question post form to the top of the page, so it won't be nessesary to roll all the way down
3. I've got strange bug: last frame of slider rolls back to the first instead of showing it next.
css
#slider, #slider li {width:387px;overflow:hidden; height:358px;}
#slider ul, #slider li{margin:0;padding:0;list-style:none;position:relative;display:block;}
#slider li {display:none;}
#slider li:first-child {display:block;}
script
$(function() {
var sudoSlider = $("#slider").sudoSlider({
continuous:true,
auto:true
});
})
tetsu:
Feb 08, 2012 at 11:36 AM
Hi Erik,
Great work on this slider. I have a question maybe you can help me with.
I'm now setting the slider as the one on the below demo.
By clicking the buttom "5", I want the slider to move to the left not right.
This means moving the slider from "slide1" to "slide2" to "slide3" to "slide4" to "slide5",
not moving from "slide1" to "slide5".
Is there any way I can solve this?
http://webbies.dk/SudoSlider/assets/files/SudoSlider/package/demos/continuous.html
Kind regards,
Testu
Asif:
Feb 07, 2012 at 07:21 PM
I have already set up a sliding tabbed menu with ajax contents and it is working well, thanks for this slider.
My question is how can i show custom slide with the number i get from url parameters via jquery snippet?
I mean how can i use the URL parameter to initialize the slider with custom slide?
Also, if no url parameters is extracted then initialize slider from slide-1...
Rob:
Feb 06, 2012 at 05:50 PM
Any idea to my problem?
Especially for the combination of nested (two different sliders) and custom links.
Would be nice.. thanks
Erik Krogh Kristensen:
Feb 04, 2012 at 11:31 AM
@Mike: Yes,
@Elbee:
It is posible to make the slider pause on mouseover, but not in the middle of an animation.
This demo shows how you can make it pause, so it doesn't initiate another slide when you hover the mouse over the slider: http://webbies.dk/SudoSlider/assets/files/SudoSlider/package/demos/pause%20on%20mouseover.html
With the "larger image in the middle" slider, i just tried a few different things, and doing it with only one slider doesn't look like its possible.
So i would suggest that you have 3 sliders. One in the midle with the large slide, showing captions. One to the right, showing the slides after the "large slide". And one to the left, showing the slides before the "large slide".
@Ani:
$(document).keyup(function(e) {
if(e.which == 40) sudoSlider.goToSlide("next");
if(e.which == 28) sudoSlider.goToSlide("prev");
});
Place this code right after the sudoSlider code (inside the document.ready()), and try to press right and left on your keyboard.
Never tested it, but it should work.
@Mike:
Nope, mostly because i havn't actually seen the problem you are talking about.
If you could send me (or link to) a page where the bug is present, then i might be able to help you.
@Rob:
I do seriously not understand what kind of slider you are trying to create.
Rob:
Feb 04, 2012 at 11:04 AM
Want to combine nested and custom Link demo in special way.
There are horizontal main Slides and one of theme should include vertical sub Slides. Think best way to demonstrate is the navigation construction:
ul
li a rel="1" MainSlide1
li a rel="2" MainSlide2
ul
li a rel="2[1]" SubSlide1
li a rel="2[2]" SubSlide2
li a rel="3" MainSlide3
Optimal solution would be that MainSlide 2 has no content and shows the one from SubSlide 1.
Would be great if have any idea and thanks a lot!
Mike:
Feb 02, 2012 at 10:24 PM
Hi Erik,
Great work on this slider. I have a question maybe you can help me with.
I have my main slider (horizontal) loading content via AJAX. In one of the pages being loaded contains another slider (vertical). The problem I'm having is when I load the slide that has the child slider on it the height of that slider isn't the correct height for the content. It's not until I click to change slides does the auto height fire. Any idea how to fix this?
Thanks!
Mike
Ani:
Feb 02, 2012 at 05:20 PM
Hi,
first, sorry for my english
I would like to use some keys to navigate.
I don't know if it's possible but, if you can give me an idea,
it would be awesome
thx you