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.
elbee:
Feb 02, 2012 at 11:27 AM
Hi Erik,
I tested the latest version of the slider and it seems to have fixed the speed issue. I only have few more queries; is there any method to stop the animation on mouseover and (a bit of a brainer),is there any way to control the size of the slide images and content or caption they contain because I have a slider with slidecount 3 and movecount 1 and I want the middle slide displaying in larger size than the other two slides and also only the middle slide should display its content(text) at the bottom of the slide images.
Will very much appreciate your advice. Thanks,
Kind regards,
Elbee
Mike:
Feb 01, 2012 at 08:56 PM
First of all, great work on this.
Question: I have my main slider on the page loading slides via AJAX. Is it possible to place an additional slider on one of the pages being loaded?
Thanks,
Mike
Erik Krogh Kristensen:
Jan 27, 2012 at 04:11 PM
@Elbee:
I think i found the speed issue, and i also think i fixed it in the version of SudoSlider i am linking to below.
If you could test, and confirm that it fixes your issues with speed and pause, then that would be great.
http://webbies.dk/SudoSlider/assets/files/SudoSlider/package/js/jquery.sudoSlider.2.1.8.js
Elbee:
Jan 26, 2012 at 07:57 AM
thanks Erik,
The page scrolling down to the slider issue was not a slider problem but with most modern browsers when you load a page it scrolls to its initial position. I have managed to fix most of the problems I had by switching between versions 2.1.7 and 2.1.3 and adjusting the properties of the slider.I have noticed the following bugs in version 2.1.7:Issue with controlling the speed of multiple slides, using speed works as pause i.e speed 8000 will wait 8secs from one animation stops, till the next begins; using pause:200 a slide repeats itself before the next;a pause button on a slide created on version 2.1.3 disappears; slides appearing briefly before slider starts (thanx for the fix, adjusting the css properties).
I have switched back to version 2.1.3, it suits my slides better, seems to be no issues with speed on this version but had a bug, the fist slide repeating before the next slide, of which I have found a solution from the previous comments changing css property #ul{position:relative;}.
Thanks again for your great work, will donate as soon.
Elbee
Erik Krogh Kristensen:
Jan 25, 2012 at 07:54 PM
@Luis C:
Look, i can't do everything here.
The issue doesn't even have anything to do with SudoSlider.
If you make a downloadable demo of the problem, i might look into it.
@Damian:
Looks like a CSS issue.
Make sure that all the relevant CSS is included in your CSS file, it looks like you are missing something.
This is what you need:
#slider ul, #slider li{margin:0;padding:0;list-style:none;position:relative;display:block;}
#slider, #slider li {width:696px;overflow:hidden;}
@agron:
By calling: "sudoSlider.getValue('currentSlide');" (assuming have the reference to the jQuery object containing sudoSlider in "sudoSlider", you do that by initializing SudoSlider like how I did it on this page: http://webbies.dk/SudoSlider/assets/files/SudoSlider/package/demos/basic.html )
@Elbee:
All slides show horizontally very shortly: Insert this CSS: "#slider li {display:none;} #slider li:first-child {display:block;} "
And i think you need to use the "speed" property, not the "pause" in order to change the speed of the animation.
And with the last part, i have no idea either. But you could help me getting an idea by linking to a demonstration of the problem.
@smartpill:
The way SudoSlider works, i don't think you are ever going to get LazyLoad to work.
But if you use the Ajax functions of SudoSlider, you can get some LazyLoad like behaiviour.
If you set the option "preloadAjax" to false (and use Ajax in the first place), then the script will not load any slides before they are needed (just like LazyLoad). And if you don't change "preloadAjax", the script will slowly load all the images, with pause of 100ms between loads.
smartpill:
Jan 25, 2012 at 04:26 PM
I have a huge (400+) gallery (with Fade) that I'd like to use lazyload with but can't seem to get it working properly. I've rigged carouFredSel for the navigation to get 10 numbered links at a time. Do you have any suggestions?
Elbee:
Jan 25, 2012 at 06:08 AM
Hi, thank you for your nice work. I have your slider in my project displaying 5 images in one slide at a time. Am pulling images from the database and have the following problems/bugs:Before the slider starts all images are briefly displayed horizontally then the verttical slide starts;I can't seem to find a way to control the speed of moving from one slide to the next,I used the 'pause:200' property the one slide repeats multiple times before the next; my slider is at the bottom of the home page and before the slider starts the page scrolls down to the slider , I have no idea why. A help on these problems will be very appreciated.
Thank you, Elbee.
agron:
Jan 22, 2012 at 02:48 PM
How can get current active element number or value?
Damian:
Jan 17, 2012 at 03:57 PM
Hello again,
Here i leave a link to a template i am trying to work out: http://www.damianrodriguez.es/desarrollos/DRMv3/
On it you'll see a Content1 slide and if you click on "Siguiente" and "Anterior" (Next and Previous in spanish) you'll see the slide moving but always shows the first one.
Waiting for advice, best regards, Damian Rguez
Luis C:
Jan 16, 2012 at 09:01 PM
The slide works, BUT not the links in the slides...(are mapped)
Links in Slides Images Works fine in FireFox, Google Crome, But NOT in IE8 nor IE9
Please Help!!!!!!!!!!!!!!
Erik Krogh Kristensen:
Jan 16, 2012 at 04:09 PM
@Gerben:
I managed to find a solution to the problem, and it has been fixed in 2.1.7.
Apparently IE8 miscalculates the position, when the slide is in the viewable area or to the right of the viewable area.
Therefore my fix is to move every slide to the far left before calculating the final position.
Ugly fix, but it is Internet Explorer.
@caice:
Like this? http://webbies.dk/SudoSlider/assets/files/SudoSlider/package/demos/auto.html
@Cam Hart:
Make sure that the "links" to the javascript and the CSS actually works. It looks like you just copied the HTML without the files it needs.
@loic:
1. I'm not entirely sure what you mean.
2. Its by design that the elements repeat themself after the last element. But again, i'm not sure if that is your problem.
3. Maybe its fixed in the latest version 2.1.7 (released about 2 minuttes ago). There was some problems with correct positioning in 2.1.6.
@balin:
Just made a demo that stops the slideshow when reaching the end:
http://webbies.dk/SudoSlider/assets/files/SudoSlider/package/demos/auto%20with%20stop.html
And to change the color of the "non crossfade fade", just change the background color of the div with id "slider".
@Oliver:
Could you post a link to a page demonstrating the bug, that would help me a lot.
@David S:
What 3. party script are you using to support "history" events? I suggest you use jQuery BBQ, thats the one i like the most, since it tends to allways just work.
I'm replying like that because i wasn't able to reproduce your IE7 bug.
@Gillie:
As you see in my reply to Gerben, i fixed it in 2.1.7.
@Amal:
Maybe you are doing it wrong? I could get it to work in no time:
http://webbies.dk/tmp/SudoSliderTest/demos/vertical%20-%20Kopi.html
@Damian:
Could you post a link to a page where the bug is present, that would make it easier for me.
Damian:
Jan 10, 2012 at 04:02 PM
Hello, first of all, thank for making it easier for everyone.
Second, as @Olivier, i've tried to put your script on my site, with different content on each "li", but when i run your script, the margin is always 0px and only the first slide is shown.
Any advice? Again, thanks for your work
Damian:
Jan 10, 2012 at 01:52 PM
I have the same problem than Olivier:
In each li, i have html, and when i run your script, although the slide is working, the margin is always 0px and only the first slide is shown.
Do you have any idea of how to fix it?
Thanks for your work!
Amal:
Jan 08, 2012 at 05:09 PM
Hi again,
I don't know if it's just my coding inabilities, but when I set the slider to 'vertical' and increase the 'slideCount' to anything more than 1, the page height becomes massive and the controls are lost?
Any ideas what i could be doing wrong? See my website for the example.
Thanks!
David S:
Jan 04, 2012 at 07:50 PM
I have fixed my previous issue by using different slide names in the numericText option than the ids of the slides themselves. Upon testing, I found in IE7 that when using the back or forward buttons to move between slides, the address changes to the correct slide, but it is not until another history action (a click on either the back OR forwards buttons) occurs that the first action starts. If a user continues clicking the history buttons, the slides do move in the correct manner and in the correct order but are held back one move. Has anyone else had this happen?
David S:
Jan 04, 2012 at 05:22 PM
To answer my own question, the hashtags I was using were the ids of the slides. To fix it, I made the hashtags a different series of names than the ids of the corresponding slides using the numericText option. It is working beautifully now!
Gillie:
Jan 04, 2012 at 09:29 AM
I'm having the same problem as Gerben. After each animation in ie8, the image jumps one pixel to the right. Anybody fixed this?
David S:
Jan 03, 2012 at 09:24 PM
Great Slider, but I noticed an issue that I was wondering if anyone else has too. In Webkit browsers, when going forward in the browser history, the slide that is started on is actually the slide that the user needs to go to. To clarify, if I am on slide 1 and I had just come from slide 2 (using the back button), when I click the forward button to go back to slide 2, the slider starts me on slide 2 and animates to slide 3. Has anyone had this issue?
Oliver:
Dec 31, 2011 at 02:52 PM
When using ajax-content (simple html with images) the continuous-option does not work.
$(document).ready(function(){
var sudoSlider = $("#slider").sudoSlider({
ajax: [
'/item1.html',
'/item2.html',
'/item3.html',
'/item4.html',
'/item5.html'
],
auto:true,
pause: 7000,
resumePause: 7000,
continuous:true,
prevNext:true
});
});
balint:
Dec 30, 2011 at 07:25 PM
Hi. How can I stop automatically the auto slideshow when it ends? I want that it play only once. And how can I change to color of the fade when crossfade:false? Can I set different time for each slide?
Thanks!
loic:
Dec 27, 2011 at 10:06 PM
Hello,
Thank you for your plugin, it's very interesting
I try to use with a cross sell product for ecommerce.
if I have several cross sell product in area with a width 600px, it's ok, All the cross sell product appear.
but if I have in this area one cross sell product, the product is repeating several times in the area 600px.
How to solve that ?
i use this example in your demo : http://webbies.dk/SudoSlider/assets/files/SudoSlider/package/demos/mutiple%20slides%20pr.%20slide%20continuous.html
Thank you
Cam Hart:
Dec 15, 2011 at 11:08 PM
Hi Erik, thanks for your great work with the slider, and the tremendous effort you make to provide support!
I'm trying to make the slider work on this page:
http://camhartdesign.com/cookandcooke/index_content_slider.htm
No luck at all. I'm not sure if I've set this up properly. I'm a really novice programmer, so I found some real gaps in the documentation for installation. Could you take a quick peek at my code to see if it's set up right?
Thanks!
-Cam
caice:
Dec 15, 2011 at 01:05 PM
hi.. well i just want this to b auto play i shouldn't have to do next next next..
kindly update me..
Thanks and its your great effort.. (:
Gerben:
Nov 28, 2011 at 03:34 PM
Hello,
Great slider! Very good work!
But I have an problem. In Internet Explorer 8 and lower, after a fade, the image go 1 pixel to the right (you can see it at the demo-page http://webbies.dk/SudoSlider/assets/files/SudoSlider/package/demos/fade.html). Is there a solution for that?
Thanks in advance,
Gerben
Erik Krogh Kristensen:
Nov 20, 2011 at 08:26 PM
@Panoramix:
Add these 2 lines of CSS.
#slider ul{position:relative;}
#slider {overflow:hidden;}
Panoramix:
Nov 20, 2011 at 01:43 PM
Hello,
First thank you for your wonderfull job ! And please forgive my english, it's not my natural language too ;)
By the past, I've already tried yours sliders successfully.
Today, I want to test it with multiple slides (3 pics visible at the same time).
I really don't know why but there are 2 problems :
1- my site has 900px width, and each pic has 300px width. So 3 pics should appear perfectly. But at launch, pics 4,etc... are visible on the right, and the overflow only disappear after the first slide. I really don't know why ?...
2- Second problem, the slider always restart from the first image between each slide : pic #1 > pic #2, pic#1 > pic #3, pic #1 > pic#4 , etc...
I'd really appreciate to get some help :)
thanks a lot
Panoramix
Erik Krogh Kristensen:
Nov 18, 2011 at 07:37 AM
@Andy:
Open jquery.sudoSlider.js and find these lines:
ul = obj.children("ul");
li = ul.children("li");
Just change the "ul" and "li" to any CSS selector, then it should work.
The selector you put instead of the "ul" selector will only find objects inside you slider, and the selector you put instead of "li" will only find objects inside you "ul" selector.
If you use Ajax or the method Insertslide, then it wont work, then you need to replace some more. (Just search for "li" (without quotes), it shouldn't be to difficult to figure out how it works.)
Andy:
Nov 18, 2011 at 02:38 AM
Hello,
Thanks for a great slider...can you tell me if its possible to have a different html structure for the slider instead of the ul shown in the examples. Such as possibly having a defined div (id or class) for each of the content sections?
Thanks
Eric:
Nov 15, 2011 at 11:22 PM
Hi Erik,
I downloaded the last version, and it seems to work now properly with IE. Many thanks !
Eric
Erik Krogh Kristensen:
Nov 14, 2011 at 05:00 PM
@Greg:
You can change transitions style at runtime, but i just discovered a little bug that could make that difficult, but thats fixed in 2.1.6.
Here is how you could do it:
http://webbies.dk/SudoSlider/assets/files/SudoSlider/package/demos/methods%20tmp.html
And you can manually remove any slide, the below demo (same as above demo) showcase how to do it. (See the source code).
http://webbies.dk/SudoSlider/assets/files/SudoSlider/package/demos/methods%20tmp.html