Whatever the problem is, feel free to ask me in the comments below.
If you just wan't to say how great the script is, you'r also welcome.
Remeber to update to the latest version of both jQuery and SudoSlider before submitting a bug.
If you want SudoSlider do somethings really specific, just ask. I'm sure we can figure it out.
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.
If that doesn't help, try reading the rest of the documentation.
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, callbacks, captions automatic slidehow and a creative navigation.
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
Stan:
Mar 06, 2012 at 11:21 AM
Hi there, great damn script I must say. Just an issue with sliders within sliders.
So I've a parent slider with 5 slides, lets call it slider1. Within one of those 's I've got another slider, lets call it slider2.
Now when I use slider2 the css height of slider1 doesn't update. So slider2's content will not resize the div both and be cut off.
Is there a tutorial for sliders within sliders or a demo? I couldn't find one.
Cheers,
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.
Vincent Muoio:
Feb 25, 2012 at 06:06 AM
I won't even pretend that i know about coding, i have patched together a site and love sudoslider.
but would love it even better if i could get my images to resize to fit different screens, also a no drag or right click would slow people down from taking images off my site.
If you could please help it would be much appreciated.
I've been using flux to build my site and copy and paste of different code.
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
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
Greg:
Nov 11, 2011 at 01:03 PM
Hi - thanks for the awesome plugin.. I sent you some coffee :)
I"m wondering if its possible to change the transition style at runtime? At startup I want slides but later I want either fades or slides depending on the context. I've tried changing sudoSlider.fade at runtime but it had no effect.
Also would it be possible to have an 'id' oriented api for adding/showing/removing slides? The index oriented api is inadequate when adding/removing slides dynamically.
Thx :)
Erik Krogh Kristensen:
Oct 26, 2011 at 04:09 PM
@Eric:
The fix i wrote about earlier doesn't work.
I've fixed the problem in the latest version of SudoSlider, so just download that.
@Olivier:
No, i do not.
If you could upload an example where you show the problem, then i might be able to help you.
@Logan:
As much as i hate IE, as much a have to admit that Microsoft did a good job making animations smooth in IE.
So unless you can up with a smoother way of animating than jQuery.animate, then thats just the way it is.
Logan:
Oct 24, 2011 at 07:52 PM
Hello, when I use the SudoSlider in IE9 it is very smooth, but when I use it in latest versions of Firefox or Chrome it stutters a bit when switching slides. Can someone help? Thanks.
Olivier:
Oct 18, 2011 at 01:30 PM
Hello i've tried to put your script on my site but i've got an issue. In each li, i have html code as fieldset. When i run your script, the slide is working but at the end, the margin is always 0px and only the first fieldset is shown.
Do you have an idea ?
Thanks for your work
Jarsa:
Oct 12, 2011 at 03:25 PM
Works like a charm now. Thanks!
Erik Krogh Kristensen:
Oct 11, 2011 at 09:21 AM
@esvalot:
Thanks, fixed in the next version.
@Amal:
Like this?
http://webbies.dk/SudoSlider/assets/files/SudoSlider/package/demos/callbacks%208%20%7BhideNavWhenNoFocus%7D.html
@Jarsa:
Change this line:
$(this).wrap("<a href=" + linkHref[t-1] + ">");
To:
$("img", this).wrap("<a href=" + linkHref[t-1] + ">");
Jarsa:
Oct 08, 2011 at 02:19 PM
External links with ajax demo gives ul a li img structure. External links without ajax demo gives proper ul li a img.
How to change function to get latter structure?
Amal:
Oct 07, 2011 at 06:50 PM
Hi, I've just discovered this today and think it's great! Thanks for sharing your hard work and offering so much support. I was just wondering - how would I make the next and previous buttons fade out when not in use. I would like them to appear only when the user hovers over the slider.
esvalot:
Oct 07, 2011 at 09:26 AM
There ara a javascript error only in IE7 (of course) using the "captions example" (http://webbies.dk/SudoSlider/assets/files/SudoSlider/package/demos/callbacks%203%20%7Bcaptions%7D.html).
To fix it you will need to keep out the the last coma in the variables declaration calling sudoslider object. (},
Erik Krogh Kristensen:
Oct 06, 2011 at 08:51 PM
@smartpill:
By adding a little callback, it is very posible to keep the slider "focused".
The below demo makes sure that to browser is at least scrolled to the top of the slider, at the beginning of an animation.
http://webbies.dk/SudoSlider/assets/files/SudoSlider/package/demos/callbacks%207%20%7Bkeep%20slider%20focused%7D.html
@Eric:
Now i am able to replicate it, thanks.
The problem seems to be that IE9 doesn't trigger a load-event, that it was supposed to.
The way i'm trying to fix it isn't exactly pretty, but i it seems necessary.
Try to use the version of the SudoSlider script that i link to below:
Full source: http://webbies.dk/SudoSlider/assets/files/SudoSlider/tmp files/js/jquery.sudoSlider.js
Minified: http://webbies.dk/SudoSlider/assets/files/SudoSlider/tmp files/js/jquery.sudoSlider.min.js
I'm not releasing this fix yet, because first i want to know if it really works.
So plz. se if you can replicate the bug again, i couldn't with that version.
@Cameron:
As i see it, you have 3 slides that are very similar, but the slider is able to slide between them.
I tried in a couple of browsers, and i couldn't replicate the bug.
@Jarsa:
I think you just ran into the problem that my comment form doesn't support inserting html.
Try to link to a page where to demonstrate the problem, or you could send me a mail on erik[at}webbies{dot]dk
Jarsa:
Oct 03, 2011 at 04:58 PM
Hi again,
continuous slider is working again with new version. Thanks for that!
New question. If ajax is false, it is easy to put links to banners. Like
Cameron:
Oct 01, 2011 at 11:30 AM
Hi, I love the slider but I can't seem to get it to work properly. When you move the slider along here:
http://vermilionsite.com/RedFox/index.html
it just bounces back to the first slide. Please help me, this is urgent! I have tried reverting back to the original code and it still doesn't work!
Eric:
Sep 30, 2011 at 02:49 PM
Hi Erik,
Unfortunately, I have to confirm that Sudo Slider doesn't work properly with IE9, Windows 7, 64 bit. I'm trying to implement the auto with resumePause script, but when I quit a page with a slideshow to move to another one with another slideshow, sometimes the slideshow doesn't start and displays all the images from left to right, as explained in a previous message. So today I tried to re-build another site with some slideshows, this time with only few changes to your CSS and HTML codes, and I see that this time again, sometimes the slideshow doesn't start and display both previous and next command button (at a beginning of a slideshow, it shoud display only the next button). You can see this example here: http://eriper55.myhostpoint.ch/sudoslider. As I have to deliver a site to my client soon, I unfortunately will have to leave Sudoslider and find another one, unless you can help... I hope you can, thank you.
smartpill:
Sep 29, 2011 at 06:20 PM
@Erik: I just tried the minified 2.1.4 and had no problems. I did run into one little thing, I set up the navigation to be fixed in the left column so when I am on a slide that's longer than the others (I have text content that varies, so the height varies) the navigation is still accessible in the left. However, if I then click on a link to another slide, the slide advances but the page does not scroll back to the top of the slider so the user has to scroll back up to see the shorter text content. Is there a way to force the top left corner of the slider area to be visible? Basically, I just want it to work as an anchor or "back to top" of the slider then slide.
Erik Krogh Kristensen:
Sep 26, 2011 at 06:28 PM
@ccruz:
I tried to see if i could do a quick demo, and i could.
You are free to copy.
http://webbies.dk/SudoSlider/assets/files/SudoSlider/package/demos/autowidth centered.html
@smartpill:
Could you send me your minified version, i would really like to have a look at it.
@Eric:
When a page is closed, all the javascript should be terminated as well.
It would be a really stupid move by Micrsoft, if IE9 "restarts" the same old scripts if you move quickly back onto the page.
I'll keep it in mind, but i don't think there's anything i can do about it.
@Rafael:
In every webbrowser that i tested, my demo worked.
If you don't give me something a bit more specific, or an uploaded site where the bug is present, there's really nothing i can do.
@Jack:
There sure is.
Just add this option to your configuration:
numericText: ['', '', '', '', '', '', '', '', '', ''] // Add more depending on how many slides you have.
@Ugyen:
When using fade animations, SudoSlider uses a very high z-index (100000).
But this shouldn't affect the slider when it isn't actually doing a fade animation.
Could you link to a page where the issue is present, because i don't think that i can help you more without seeing the page.
@Jarsa:
I don't know why i missed that one, but now its fixed (in 2.1.4).
Dmitriy:
Sep 26, 2011 at 05:07 PM
Good plugin! How can i make RANDOM slide-show this Sudo-Slider ?
Thanks.
Jarsa:
Sep 23, 2011 at 01:52 PM
Like Phil, I have problems with continuous slider. It rolls backwards past all the previous slides to the first one. Just like in demo:
http://webbies.dk/SudoSlider/assets/files/SudoSlider/package/demos/continuous.html
Ugyen:
Sep 22, 2011 at 09:37 AM
Sir,
I am using you scripts. Its wonderful
When i use menu dropdown, the menu get hidden behind the picture, i could not set ti go behind the dropdown. Checked with z-index too.
Please advice.
thanking you
Jack:
Sep 22, 2011 at 03:29 AM
Hi,
I've been using your numeric slider which is quite brilliant. Is there a way to turn off the text inside the box? I just want a box as the means of navigation.
Rafael:
Sep 17, 2011 at 10:51 PM
Hi!
I'm trying to set up SudoSlider just like the 'Multiple "slides" pr. slide' demo.
Unfortunately each time i click on "next" it moves x slides and then just goes scrolls back to slide 1.
Tried to simplify it to the minimum but even with your demo i can't get it to work.
Any ideas?
Regards,
Rafael
Eric:
Sep 16, 2011 at 02:23 PM
Erik,
I refer to my previous message, and can add the following: I have noticed that the issue comes when I jump too quickly from a html page to another one with again a slideshow. If I stay on a page, let's say 10 seconds, and then click a link on the menu that opens anoter page with a slideshow, it works. When the issue happens, I can sometimes solve it by refreshing the page (F5). I tried as well to empty the cache memory, but it doesn't solve the problem.
Maybe in the script there should be a function that when a page with a slideshow is closed, the script stops the slideshow properly before re-starting the other page with a slideshow... I hope you can help...
smartpill:
Sep 09, 2011 at 07:31 PM
FYI - I was running v2.1.3 minified and was having some issues, mainly all the links kept returning to the 1st slide. Switching to the uncompressed version fixed it, so I recompressed the uncompressed version myself and the errors went away. Just wanted to mention that in case others were running into strange problems.
ccruz:
Sep 09, 2011 at 09:27 AM
I need to use something like the Autowidth Audo Slider but I'm having a hard time centering the whole div with the buttons and the slider keeps staying aligned to the left. Please help.
Erik Krogh Kristensen:
Sep 06, 2011 at 07:25 PM
Hi, all.
Sorry for the slow response to some of you, but i do have other things to do.
@Pascal J:
I dont know why you experience that error, because i cant replicate it.
I tried to create a little demo ( http://webbies.dk/SudoSlider/assets/files/SudoSlider/package/demos/multiple%20sliders%20tmp%20demo%20pause.html )
that i think replicates the slider you are trying to create.
@YNG:
Did you use Google translate?
Just to make sure that i get you (because right now, i dont), would you upload an example of the problem you are experiencing, so i can see it?
@Phil:
The slider should be able to do exactly what you are descriping that it doesn't do.
I have a demo here: file:///C:/Users/Erik/Dropbox/Webbies/Sudo%20Slider/package/demos/mutiple%20slides%20pr.%20slide%20continuous.html
In that demo, it copies 3 of the 5 slides, both to the left and to the right of the slider.
And if you want to now how i do it:
When the transition to slide "7" is done, the function "adjust" runs (internal function), and that makes an instant transition to where the slider should be (slide 2).
@Rob:
Yes, you have to use callback in order to achieve that effect.
I did it here: http://webbies.dk//SudoSlider/assets/files/SudoSlider/package/demos/tmp2.html
@Inah Mercedes:
Yes.
http://webbies.dk/SudoSlider/assets/files/SudoSlider/package/demos/multiple%20sliders.html
Inah Mercedes:
Sep 05, 2011 at 12:36 AM
Hi, I love the auto height flexibility, it's exactly what I've been looking for, but I was wondering if there's a way for me to include multiple, separate sliders on one page?
Thanks!
Rob:
Sep 02, 2011 at 11:39 AM
Hi, just wondering, if I set the slider auto to true, is there a way to stop the slider after the last slide has been played?
Phil:
Aug 31, 2011 at 04:29 PM
Hi Erik
I have been searching high and low for a slider that is so consistent across browsers (I have to ensure all my work is compatable with IE6 in my job) so your creation is a great help to me - thank you!
I have a quick query - it's probably something simple, but when you've been staring at code all day it's easy to miss the simplest of errors!
When continuous is set to true, and the slider reaches the last slide, the next transition rolls backwards past all the previous slides to the first one. However, I noticed that on your main page - http://webbies.dk/SudoSlider/ - the slider doesn't roll backwards to the first slide, but continues in a clockwise motion, in one continuous cycle.
How is it possible to replicate this effect? I noticed you have duplicate images for the first and last slides (slides 1 and 6 are the same, as are slides 2 and 7) but couldn't work out how you get slide 7 to seamlessly become slide 2, thus creating the effect of a continuous loop.
Any help will be much appreciated. Thank you for your time.
YNG:
Aug 29, 2011 at 04:30 PM
HELLO.It is a great plugin! Thank you.
I am a Japanese, I'm sorry in poor English.
I have a problem.
1. Method of auto slide's stopping when the last slide is displayed
or
2. Method of only the last slide's setting time long
Please Help Thank you.
Pascal J:
Aug 25, 2011 at 01:26 PM
Hi there, really like your slider.
Just wondering if you could post the JS code in order to have TWO separate basic sliders on the one page, each starting automatically - but also be able to pause each individually? I can manage to pause one of them, but it messes up the second. Any assistance really appreciated!
Thanks from Australia.
Eric:
Aug 22, 2011 at 11:57 AM
Hi Erik,
You're right, I downloaded the package on August 8th, and I've seen that a new release was available since August 15th. So I downloaded again the package, and now it works ! Thank you again for this great slideshow, highly customisable, and convenient for many situations. Coffee donated for the week ;-)
Erik Krogh Kristensen:
Aug 20, 2011 at 08:49 PM
@Eric:
I know that such a bug existed in previous versions. But i'm not able to replicate it in the latest version (2.1.3, see the bottom lines in the file "changelog.txt".)
Are you sure that you are using the latest version?
Eric:
Aug 17, 2011 at 03:15 PM
Erik,
This is a complement to my previous message. I have copied (without any changes) your demo pack here : http://eriper55.myhostpoint.ch/sudoSlider/demos/auto%20with%20resumePause.html, and I confirm that it doesn't work with IE9 (and with IE8), all other browser OK. The slideshow works with the 1st and 2nd image, then it stops, with the following error message (bottom of the screen) : 'this.style' is null or not an object (jquery.sudoSlider.min.js line 16, character 142. Can you have a look, in advance many thanks. Kind regards, Eric
Eric:
Aug 16, 2011 at 08:23 AM
Hi Erik, great tool, thank you. I'm trying to use the example provided in the download package "auto with resumePause.html", and with IE9, the slideshow works only with the 1st and 2nd image, then it blocks when displaying the 2nd image. I have noticed that when I remove the "fade: true," option, then it works. Can you help?
Erik Krogh Kristensen:
Aug 10, 2011 at 08:39 PM
@Giraldi:
You are right, it shouldn't do what it currently do.
The part of the script that handles the "translation" of a direction was unnecessary complicated, so i simplified it. Now in 2.1.3 it works like it should (i hope that i'll release it soon).
For now you can download the javascript here:
http://webbies.dk/SudoSlider/assets/files/SudoSlider/2.1.3/js/jquery.sudoSlider.js
http://webbies.dk/SudoSlider/assets/files/SudoSlider/2.1.3/js/jquery.sudoSlider.min.js
@zen:
Yep.
In the css change "slider li" to "slider li.liClass" and give the li tags in the slider the class "liClass".
zen:
Aug 09, 2011 at 11:07 PM
when I have another list items inside the slider div, list-style gets overwritten by the slider CSS, resulting in no list-style. Is there any work around this?
Erik Krogh Kristensen:
Aug 07, 2011 at 10:11 PM
@Giraldi:
I'll look into it.
@Richard:
If you update both the javascript and the CSS (take it from the style.css file inside the css folder), then the bug disappear.
Richard:
Aug 04, 2011 at 08:43 PM
Love the slideshow and all the options. Though i'm having trouble. The slideshow keeps jumping back to the first slide. It will move to the second image then immediately jump back to the first, move to the 3rd image then immediately jump back to the first... Any thoughts. Here's the test page its on http://daviscountyutah.gov/go/feed/testimonials.cfm
Thanks!
Giraldi:
Jul 31, 2011 at 04:50 AM
Also if that is how it is supposed to behave, then it is inconsistent when there is only 1 slide on the second slide page (ie. with 8 images on 7 slideCount). It actually goes back to the first set of slides (1-7) on the second next click. If it is according to your supposed behaviour, shouldn't it have moved to slide 7?
Sorry for asking too many questions. Just trying to clarify... Cheers! :)
Giraldi:
Jul 31, 2011 at 04:34 AM
Yes, that can be a solution, but I'm using the slider dynamically for Wordpress post gallery, meaning different posts will have different amount of slides. Can't it be made to move per page instead of per slide count?
Erik Krogh Kristensen:
Jul 30, 2011 at 08:40 PM
@Lorenzo M:
Oops, my mistake. I corrected it in the CSS, but forgot the basic example, i will fix it in the next version (soon to be released).
@Giraldi:
The behaviour is by design, when you tell the slider to move 7 slides, it moves 7 slides.
You can "fix" it by inserting 2 blank slides in the end of the slider.
Giraldi:
Jul 30, 2011 at 10:45 AM
Cool! It doesn't break now. However, the behaviour is not as expected. Like, right now I have slideCount & moveCount set to 7, and I have only 12 images. I assumed slide page #1 will contain images 1-7, while slide page #2 will contain images 8-12. When clicking on next, I'd expect to go to slide page #2, and another click will return to slide page #1, ie. back to images 1-7. However, this is not the case. What's really happened was when clicking on next the second time it goes to images 3-9, as if continuous is enabled. Is this by design, or a bug? I'd expect the former behaviour, though...
Also, with my current settings, if continuous is enabled, the slide will behave funny, though correctly. But wouldn't it be better if it moves in one direction only? Just a thought.
Anyway, thanks for the quick update! Keep up the excellent work!!
Lorenzo M:
Jul 29, 2011 at 11:11 AM
Please, correct the css code in the basic example page: http://webbies.dk/SudoSlider/assets/files/SudoSlider/package/demos/basic.html
You should add the overflow: hidden; property to the #slider declaration. So the right code for this example is:
#slider {
width:696px;
overflow:hidden;
}
Without this property, all the slides are shown together, although you obviously want only the first one to show up. The code in the downloaded examples are right, but I copied the one directly from the page, and it took a while to me to catch the missing property.
Many thanks for the plugin, btw :)
Erik Krogh Kristensen:
Jul 28, 2011 at 08:34 PM
@Giraldi:
I got lots of ideas, including one that fixes the problem.
I fixed it in version 2.1.2
The problem was caused by the script trying to get a position of a non existing slide, thereby crashing jQuery.
Giraldi:
Jul 26, 2011 at 04:47 PM
Don't know if it's just my settings, but I think there is a bug on multiple slides when amount of images on a slide 'page' is more than 1 but less than the slideCount with controlsFade disabled.
For example, if I have 5 images with the following settings:
numeric : false,
slideCount : 3,
moveCount : 3,
controlsFade : false
Clicking on 'next' once will take me to images 4-5. Another click on 'next' will break the controls, ie. the 'prev/next' don't work anymore.
This doesn't happen if I have 4 images only, or 6 images.
Any idea?
Cheers!
Michael:
Jul 12, 2011 at 08:45 AM
Nice work, Erik! Keep it up and thx for sharing.
I will use your slider on www.ideenheld.de
Devon:
Jun 30, 2011 at 08:36 PM
Hi again,
I replaced my sudo slider javascript code with the one you linked (2.1.1) and also updated to jquery version 1.6.1. It is still producing the same issue as before. I'm not sure if I somehow did something wrong, because you said you had got it working.
Thanks!
Devon:
Jun 30, 2011 at 08:13 PM
I almost always think to update versions before asking on forums, but it completely slipped my mind this time. Thank you so much for taking the time to address my issue and come to a complete solution! Excellent support!
Erik Krogh Kristensen:
Jun 28, 2011 at 09:54 PM
@Jonathan:
I'm glad that i could help
Remember, you can also show your appreciation by donating.
@Devon:
First of, i really should write somewhere that "before asking, update to the latest version of jQuery and SudoSlider". Because nobody seems to do that.
But i'm glad that you wrote, because updating to the latest version does solve your problem, but it also creates another set of problems (2 bugs, that doesn't seem related, and i cant replicate them with my demos :S).
So if you update to jQuery 1.6.1, and the version of SudoSlider i link to below, then SudoSlider works fully on your page (also tested in IE8).
webbies.dk/tmp/sudoSlider/jquery.sudoslider.2.1.1.rc.js
I'm not releasing 2.1.1 just yet, i need to do some more tests before i can do that.
Devon:
Jun 28, 2011 at 05:26 PM
Hello!
I have just recently completed a website where I use three sudo sliders on the home page, creating a carousel effect. It does not work correctly in IE8 and i can't seem to figure out why. Instead of just fading in and out, the smaller boxes actually move to a new position.
You can check it out at www.offtheboatgreetings.com
Thanks so much for any help you can provide!
Jonathan:
Jun 26, 2011 at 10:33 PM
Wow! I was hoping for advice and you cleaned up my code? That's amazing support. Thank you so much. Everything works great now.
Erik Krogh Kristensen:
Jun 26, 2011 at 07:16 PM
@Jonathan:
I couldn't see exatly what you did wrong either.
But i tried to update all the scripts to the latest version, update the CSS (i changed that a bit in 2.1.0, maybe you forgot to update that part?), and clean up a bit in the configuration of the Slider (some of the options didn't do anything), and now it works.
You also loaded jQuery.address, the slider still supports jQuery.address for URL handling, but i recommend using jquery.hashchange instead.
Also remove the style attribute in the li and ul elements, they do not do any good.
I got a copy of the website, where all the javascript works here:
http://webbies.dk/tmp/SLAMO/
Copy the header (and make sure the references point to your own scripts), and copy the part of "default.css" that mentions "#content".
Then it should work.
Just ask again if you still cant get it to work.
Jonathan:
Jun 26, 2011 at 04:34 AM
Hello,
I'm admittedly not the best at debugging code but I can't figure out what I'm doing wrong that's preventing the back buttons on the browser from working on this site or why it's showing my 4th div first and the 1st div last.
Any ideas?
http://www.studioslamo.com
It's working otherwise but I do need to figure out the cloning issue quickly so that it shows the homepage first instead of the contact, which hasn't even been filled with content yet.
Thank you so much.
Aldi:
Jun 17, 2011 at 04:34 PM
In regards to the comment I made on 'Pause on mouseover demo'... disregard the comment. I just noticed the resumePause setting to fix this.
Cheers!
Aldi:
Jun 17, 2011 at 03:42 PM
In regards to "Pause on Mouseover Demo", the auto-sliding/animation seems to stop after clicking on any of the controls (next/prev/numbered-navs). Is it possible to continue the animation even after clicking the controls, and yet still maintain the pause-on-mouseover feature?
Cheers!
Erik Krogh Kristensen:
Jun 08, 2011 at 09:19 PM
I just released 2.1.0
It got a big changelog, that you might want to read before upgrading, since some small features doesn't work quite the way they did before.
http://webbies.dk/SudoSlider/assets/files/SudoSlider/package/Changelog.TXT
@Fernando:
I added a feature so that one numeric button is generated pr. "page".
JP:
Jun 03, 2011 at 06:03 AM
Perfect! Thank you, sir, you are terrific.
Erik Krogh Kristensen:
Jun 02, 2011 at 08:09 AM
@Hugo:
This was a problem with versions before 2.0.12.
Try updating to the latest version.
@Minimalist:
Because of the way the slider work, it cant use relative values, it need fixed values.
So i cant fix your problem.
@jr:
1. Make your deep links like this:
http://example.com/slider.html#3
Where 3 indicates what slide the slider should start at.
Then add this option and value to the slider configuration:
" startSlide: window.location.hash.slice(1) "
I got that to work.
If you want more advanced URL features (support for back-button etc.) then look at this demo:
http://webbies.dk/SudoSlider/assets/files/SudoSlider/package/demos/history.html
JP:
Jun 02, 2011 at 05:00 AM
HI! Thank you SO MUCH for this. Brilliant!
I'm implementing this script on my site--only question, is there a way to link to a specific slide from a url? I'm using this as a content slider for different categories--each slide is one category. I would love to be able to send a link to someone directly to that category slide. Possible?
Thank you and I hope all is going well with you!
My best,
JP
Minimalist:
May 26, 2011 at 01:05 AM
Hi :)
Nice slider you made there – after some minor trouble at the start I managed to implement it almost flawlessly, even though I am not really good with html/css and this was the first time I did anything that uses Java Script. Even if it is just pasting some code into the html ... ;)
One problem remains, though: my whole site is using relative units (ems and %), and the slider does not seem to accept %-values. This leaves me with either a slider that does not work (breaks the layout totally) or setting a px-value, which looks odd since it does not adjust to the screen properties ... :(
Any suggestions?
Thanks in advance :)
Hugo:
May 20, 2011 at 02:09 PM
Hey !
I have some issue with auto : true :
In this page : http://star-graffic.com/enseignes/ you see 3 pictures... but there are actually 1 before JS ! the JS add one before and one after, anyway.
Why ?
Erik Krogh Kristensen:
May 15, 2011 at 12:13 PM
@Devon:
Yep, just set the option "speed" to "1". (Version 2.0.12 doesn't accept that the speed is set to 0, that's fixed in the next version).
@ddf:
I have confirmed the memory leak, and it’s not only IE6. It seems that almost every browser is affected.
I think the problem is a memory leak in jQuery .remove(), I’ll keep it in mind for later.
@Jean:
I know that with version 2.0.12 (and below) IE6 and IE7 can have some problems, that can be fixed by setting the option "controlsFade" to false. (That disables the fading the next/prev buttons)
It also seems that jQuery 1.6.0 has a bug that can cause IE6 and IE7 to crash (http://bugs.jquery.com/ticket/9072), maybe a update to 1.6.1 could help?
But anyway, I wasn’t able to replicate your error, could you share the code that causes it?
@David W:
Always appreciated.
@al:
Done.
@Bradley Herman:
I could make it work by doing like this:
$(this).wrap("[Whatever you want to wrap with]");
Without using the ".find('img')".
You might want to look at this example for inspiration:
http://webbies.dk/SudoSlider/assets/files/SudoSlider/package/demos/links%20ajax.html
@Jonathan:
I just used HTML to get it working:
http://webbies.dk/SudoSlider/assets/files/SudoSlider/package/demos/links.html
And using a bit of javascript if i'm using AJAX:
http://webbies.dk/SudoSlider/assets/files/SudoSlider/package/demos/links%20ajax.html
@jr:
1. Make your deep links like this:
http://example.com/news/index.php#3
Where 3 indicates what slide the slider should start at.
Then add this option and value to the slider configuration:
" startSlide: window.location.hash.slice(1) "
I got that to work.
If you want more advanced URL features (support for back-button etc.) then look at this demo:
http://webbies.dk/SudoSlider/assets/files/SudoSlider/package/demos/history.html
If you have any question or can’t make it work, just ask.
jr:
May 13, 2011 at 09:19 AM
Thanks for the great plugin!
I have a question about "deep linking" from another page to certain slide which is located on different page. Thing is that i have a news ticker on front page that has news headlines linking to News page, which has the slider in use (news are showing one at a time). Question is, how can i point the links from the front page to certain news on the News page?
Jonathan:
May 12, 2011 at 11:26 PM
Awesomely simple slider Erik,
Really great work. The only prob I am having is making the images into links. I tried to make each image in the slider a link by using html, and it doesn't seem to work. Is there an easy way to do that? I think it'd be a really useful feature, and I don't mean just linking to a lightbox, but linking to another page.
Thanks Again
Jonathan
Bradley Herman:
May 11, 2011 at 08:02 PM
I'm trying to load images via ajax and also wrap the images in an anchor, but running into trouble. Whenever I try to use $(this).find("img").wrap(""); I get a jumbled mess. Have a look:
http://pastie.org/1890346
The commented out line has the expected output: , but for some reason the damn wrap() function gives us some crazy business. Any ideas?
David W:
May 10, 2011 at 08:08 PM
Erik, thanks so much for your help and the amazing slider! (coffee inbound)
jean:
May 09, 2011 at 07:58 PM
@ Erik
I upload the last version of Jquery (1.6) and it's Ok on IE9 (and Safari, Chrome, FireFox 3.6 or 4, IE8..) but i have a message with IE7 who ask to stop the script.
I must do a exeption for IE7 (and IE6) to use Jquery 1.5
ddf:
May 09, 2011 at 06:21 AM
Hi,I find a bug in IE6(win) about memory leak.
On this pege:http://webbies.dk/SudoSlider/assets/files/SudoSlider/package/demos/pause%20on%20mouseover.html
View Windows Task Manager
page start default memory state:~38MB
but every 3 mintutes the memory +~1MB
10 minutes after memory state:~42MB
20 minutes after memory state:~46-47MB
Devon:
May 09, 2011 at 02:05 AM
Hi,
I was wondering if there was an easy way to make the slides just change without any animation at all (no fade or slider...just to change images)
Thanks!
Erik Krogh Kristensen:
May 07, 2011 at 07:28 AM
@David W:
I found the bug, and you can just fix it by setting "controlsFade" to false, but the bug will be permanently fixed in the next version (i'm working on version 2.1).
Erik Krogh Kristensen:
May 06, 2011 at 06:00 PM
@Jean:
This sounds like a problem that jQuery 1.5.0 had.
Try to update to the latest version of jQuery and the latest version of SudoSlider.
@David W:
It's a stange error, that i can't quite replicate.
I think the code relates to the fading of controls (that you do not use on your site).
First, try to disable the fading of controls by setting the option "controlsFade" to false. (And update your scripts (jQuery and SudoSlider) to the latest version.)
If that doesn't work, i need a downloadable copy of your site to test on. (You can send it directly to me: http://webbies.dk/contact )
David W:
May 05, 2011 at 07:34 PM
Erik,
Thanks for the great slider. We are trying to set it up now at spamgoblin.com but just noticed it returns a null object JS error in IE and won't work in IE7. My gut tells me the problem is on our end; I'm not a JS dev. If you can shed any light on the issue, I'll buy your coffee for a week!
Jean:
May 03, 2011 at 07:13 PM
Hello, I use SudoSlider on several web sites and with IE9 on Windows7, the sudoslider don't run.
Il have all pictures as a list like if Javascript is disabled.
Do you have this problem ?
Wayne:
May 01, 2011 at 06:53 PM
Hi Erik
I had to take the development site offline due to premature search engine indexing. As soon as I can provide access, I will. It's a Drupal site and I first need to verify that the js Injector or some other conflict isn't causing the issues.
Erik Krogh Kristensen:
Apr 30, 2011 at 05:28 PM
@Wayne:
I tried a bit, but wasn't able to recreate any of the issues that you experience.
Could you link to a page where the issues are present? (I tried the link that Reg sent earlier, but it's dead.)
Wayne:
Apr 27, 2011 at 05:52 PM
Erik, thank you for your prompt and helpful replies to all who write. Reg, who wrote to you earlier, is working for me and has been distracted with another project. I'm code-challenged, but will try to pick up the ball. Reg did install 2.0.12 and the sliders are now auto playing. However, there are two other major issues for my project. Note that all my implementations have HTML content (including video), use thumbnails, and all sliders are set to auto adjust for height. Behaviors are true for Firefox 3.6.16 and IE 8.
(Issue 1) When set to fade, slide A shows properly and begins to fade to slide B. Half way through the fade, A then slides to B.
(Issue 2): Upon initial load, the first slide crops off a lot of the lower content. Other slides are properly adjusting for height. Moving to another slide and back to the first one causes the first one to correctly auto adjust for height. In one slider this does not happen. In that one, the content is all the same height and text does not exceed the height of the content image. In the ones that don't display correctly, there is text that extends below the slider image.
I'm also trying to solve centering the thumbnails below the slider. Help with that would be appreciated as well.
Reg:
Apr 23, 2011 at 02:41 AM
It looks like that fixed it. We'll try it on a few other pages and see if it's a universal fix.
Erik Krogh Kristensen:
Apr 20, 2011 at 08:01 PM
@Reg:
I think your bug is fixed in version 2.0.12, but I’m not sure. Would you test it?
@Rodrigo Tschope:
I could do it, here: http://webbies.dk/SudoSlider/assets/files/SudoSlider/package/demos/pause%20on%20mouseover.html
@faiz:
You want 2 rows, and you want the 3rd row to move to the second position?
How many rows, and what should they do? You have to be more specific.
@zelios:
Glad you found a solution to your first problem.
But no, it can't run full screen. You have to use another full screen slider.
There are links to some full screen sliders on this blog: http://www.wordimpressed.com/coding/the-best-full-screen-jquery-sliderfader/
@Ricky:
I introduced that because i thought that no one would like to have auto enabled without continuous also being enabled. (Just me thinking too much, no one had complained. )
I changed it in 2.0.12 (see the changelog: http://webbies.dk/SudoSlider/assets/files/SudoSlider/package/Changelog.TXT )
Zelios:
Apr 20, 2011 at 10:27 AM
ok i find an answer at my question but an other run in my head, If i want play the slide in fullscreen have a solution ?
Ricky:
Apr 19, 2011 at 05:17 PM
Hi, it seems I can't turn off "continuous" when "auto" is on in the latest version (2.0.11). I tested on the demo files to be sure it wasn't a problem with my code. I just switched to an earlier version I had (not sure which one) and it works. Just thought I should let you know.
zelios:
Apr 16, 2011 at 04:39 PM
Hey, i have a little question if i want start in 2nd pic it's possible ? (sorry english it's not my first language too i'am french ;) )
faiz:
Apr 15, 2011 at 08:08 PM
hi
I have a question,
I am not too much technical,
I am using the vertical effect, and I want 2 rows and when 1 row will move up, 2nd row move to the 1st position and 3rd row will show on the 2nd position,
looking for kind help.
thanks
Rodrigo Tschope:
Apr 12, 2011 at 07:18 PM
Hi, i use this plugin, but i want stop slide show wend mouseover and restar mouseout. i Try the example but i cant do any thin. Thanks for help me. bye...
Erik Krogh Kristensen:
Apr 10, 2011 at 01:35 PM
@Reg:
It's difficult to copy an page that uses a lot of ajax.
Could you send a working local copy (zip file) of the page, that would make it easier for me to debug.
Erik Krogh Kristensen:
Apr 02, 2011 at 09:25 AM
@Deryl:
I've made a demo where the width is 270px.
It should be easy to see in the source how it's done.
http://webbies.dk/SudoSlider/assets/files/SudoSlider/package/demos/basic270.html
@Devon Riley, @Forrest, @Hassan Sohail:
To fix the problem, that all the slides are shown before the JavaScript kicks in, use version 2.0.11 of the script and add the following CSS:
#slider li {display:none;}
#slider li:first-child {display:block;}
This works in most browsers, in some old browsers nothing is shown before the JavaScript kicks in.
@Martin:
IE8 sucks at manipulating transparent PNG's (It's a general problem, not just when using SudoSlider). Maybe you could use gif's instead (i know that gif's suck.)
@Mikael Dilligon:
If it had beautiful effects, it would only support images. :(
It's very very difficult to make beautiful transition effects on a HTML block.
@Rob Edwards:
First: You are loading the jQuery library and the SudoSlider script twice, that can't be good for anything.
Second: To use the URL features, you need to include the jQuery Address plugin (i recommend v. 1.3.0 for use with SudoSlider, it's included in the download package).
See the history demo to see how the URL functions work: http://webbies.dk/SudoSlider/assets/files/SudoSlider/package/demos/history.html
@Sam:
Fixed in 2.0.11
@Christian:
Yep it is.
I actually had such a demo in Sudo Slider v. 1.0, I’ve recreated it for v. 2.0 here: http://webbies.dk/SudoSlider/assets/files/SudoSlider/package/demos/modal.html
In that demo, the link to the enlarged picture is the picture itself, but if you know a bit of jQuery, you can easily change that.
@thisisstupid:
In the second slider, add this option:
controlsAttr:'id="controls2"',
Now you can change the change the controls in the second slider by inserting some CSS looking like this:
#controls2 nextBtn, #controls2 prevBtn {top:10px;}
thisisstupid:
Mar 29, 2011 at 03:21 PM
hi,
how can I insert two sudoslider in the same page?
I did it but i can't assign two different css style to the next and prev button
let me know please
Christian:
Mar 29, 2011 at 09:41 AM
Hello,
Great plugin.
I would know if it is possible to add a link to a enlarged picture (as lightbox) ?
Best Regar
cb
Sam:
Mar 29, 2011 at 02:16 AM
There is a bug with line function finishImageLoading() ~3772
if (width == 0) setTimeout(function() { finishImageLoading(target); }, 1);
When the image width is actualy 0 (zero) The slider hang to death in this recursive call.
Thanks
Rob Edwards:
Mar 27, 2011 at 04:18 PM
Firstly, brilliant script, which makes me think it's me being stupid as to why I can't get the following to work.
I'm trying to get a link from a different page to open a specific tab, lets say, tab 3, it opens fine, however, when I then click on the other tabs they're then out of sync, i.e. tab 1 has become tab 3, tab 2 has become tab 4 and so on. When I then get to the final tab (tab 5 in my case) it realises it's out of sync and puts the tabs back in order.
You can see the site at http://www.lastinthefall.com/8daysmedia any help you can offer will be greatly appreciated!
Mikael Dilligon:
Mar 23, 2011 at 04:22 PM
This is probably the best jquery slider-plugin out there, iv'e tried all of them (no, seriously)!
The only thing missing is the effects.
Martin:
Mar 21, 2011 at 08:27 AM
Hello nice plugin... but i have some problem with transparency of 24bit PNG in IE8. Any idea? http://tomil-wa290.testbrana.cz/
Hassan Sohail:
Mar 14, 2011 at 05:14 PM
This slider work with sliding "li" rite
the problem is....when this slider comes up first time...it populate the whole stuff and in a second it starts working properly.......that seem ridicules...
Can we deal with this problem...so that when this slider comes up very first time..it shows only the data that is in First "li"
And this problem occurs...when we use html instead of images to slides
Forrest:
Mar 12, 2011 at 04:19 PM
Thank you, Erik!
Of course, now I cannot replicate the problem each and every time! I'm thinking perhaps it's not a bug at all, but related to Devon's question. I do not have a ul height defined and I have the sudo auto height turned off. Also, I'm calling the script in the header of my file, not from the footer. But that shouldn't matter.
The right side of CSS3 shadow blinking on and off in Safari is consistent, however. Perhaps it's a Safari/Webkit issue, not a Sudo Slider issue at all.
Thank you for all your help and I'll keep investigating.
Erik Krogh Kristensen:
Mar 12, 2011 at 08:00 AM
@Devon Riley:
That's the normal behaviour, to make sure that users without javascript can see all the content.
To "fix" it, just add the following CSS:
#slider ul {height:294px;}
@Mauro Ramón:
I have no current plans of visiting Argentina, so i'll have to do with the coffee.
@Forrest:
Yes, so it looks like this:
$(document).ready(function(){
initSudoSlider = true;
var sudoSlider = $("#slider").sudoSlider({
beforeAniFunc: function(t){ if (initSudoSlider) { initSudoSlider = false; sudoSlider.adjust(0); } },
fade: true
})
});
Just to be sure, does the problem disappear after a few seconds under the first page load?
Forrest:
Mar 09, 2011 at 10:01 PM
I'm sorry, I don't understand. You mean add your code to my "$(document).ready(function()" ?
Using several different Macintoshes running OS X 10.4.11 - 10.6.6 and Safari 5.03, the page height is that of all the images added together when the page is first loaded (or the browser cache cleared). Reloading the page a second time seems to fix the problem.
Another issue is with CSS3 shadows and Safari. My images have a CSS shadow on the right and bottom. When a new image loads, the bottom shadow fades gracefully, but the right part of the shadow blinks off. Firefox does not have this issue.
Mauro Ramón:
Mar 09, 2011 at 09:17 PM
As you asked:
The Sudo is in use at:
http://www.altoalberdi.com/finalarmado/
It´s a "test" folder by now...when approved and programmed, will be the root address (the index page indeed).
When I grab the final payment on this site, I promise to buy you some coffee. (or if you visit Mendoza, I would prefer to give you a fine bottle of Malbec wine, one of our´s pride & praised products.
Thanks again... Mauro.
Devon Riley:
Mar 06, 2011 at 01:03 AM
Hi!
I am using your slider on a page in my site, and when the page loads you see all of the slides opened up, and then they collapse into the single slider. You can view it here http://www.stratustest2.squarespace.com.
Is this some setting that I am missing or do you know why it would be doing this?
Thanks so much
Devon Riley
Erik Krogh Kristensen:
Mar 05, 2011 at 06:25 PM
@Forrest:
I can't replicate it, but you can help me try to fix it.
Try (of course with the latest version 2.0.10) to run SudoSlider like this (of cource with all your other options too):
initSudoSlider = true;
var sudoSlider = $("#slider").sudoSlider({
beforeAniFunc: function(t){ if (initSudoSlider) { initSudoSlider = false; sudoSlider.adjust(0); } }
});
@Robert Weiss:
Glad you liked it, and I'll add your site to the portfolio later.
@Mauro Ramón:
I'm glad that you could use it.
I would like to see your implementation of SudoSlider, could you send a link?
Mauro Ramón:
Feb 28, 2011 at 07:35 PM
Great work. The script has been successfully upgraded and everything is working smoothly now. Just a very little reccomendation. We use Sudo aside a Shadowbox script (to open images in a modal window). There´s a parameter in the js that sets the z-index to 10000. Would be lovely to set z-index by options... but anyway, we teak here and there and both works well with a callback method (stopAuto and changing the shadowbox z-index). Again my friend, your script suprasses many others in the web. CONGRATS!!
Robert Weiss:
Feb 28, 2011 at 07:21 PM
Hi Erik,
thanks a lot for your great work!
I used your slider in some of my last projects and really loved working with it, so your next cups of coffee are on me ;-)
On my own website, I included three different instances of Sudo Slider (using AJAX and customLinks), so if you like, I’d be happy if you add it to your portfolio.
Kind regards, Robert
Forrest:
Feb 27, 2011 at 12:08 AM
There still appears to be a bug with Sudo Slider fade:true, at least in Firefox on a Macintosh. If the browser cache is cleared (or the first time a page is loaded), the page height includes the cumulative height of all of the slide images.
http://www.annehunterstudio.com/abhnewsite/index.shtml
I don't think this happens when fade is false.
Forrest
Erik Krogh Kristensen:
Feb 26, 2011 at 10:01 PM
@Frits:
I think i know what you are talking about.
It's a known bug in jQuery version 1.4.3 and 1.4.4 (http://bugs.jquery.com/ticket/7450), you should be able to fix it by upgrading to the latest version of jQuery (1.5.1).
Frits:
Feb 26, 2011 at 08:23 PM
As promised, 50 cups of coffee for fixing the fade bug. Keep up the good work!
There is still a minor issue left:
If you add more than 10 slides to a slider it slides through all slides if you go through the 2 digit slides. It's hard to explain. Slides 0 to 9 work like they should. Slides 10 and higher don't.
Erik Krogh Kristensen:
Feb 26, 2011 at 04:48 PM
I just released 2.0.10, so now your bugs should be fixed (and some other bugs that i found).
Download full package here: http://webbies.dk/SudoSlider/download.html
Or just the javascript: http://webbies.dk/SudoSlider/assets/files/SudoSlider/package/js/jquery.sudoSlider.js
Alexey:
Feb 24, 2011 at 05:50 PM
auto: true && continuous: true isn't work
Mauro Ramón:
Feb 23, 2011 at 11:57 AM
Hi Erik.
I´ve noticed that in IE7, IE8, Safari 4.x, Firefox 3.6 the auto fade option doesn´t work (it freezes at the second picture or div in the ul li list).
The file is in the .zip package of the version 2.0.9 of the script... so in my previous post I thought we were coding wrongly the fade option. But it (apparently) is a problem in the script itself.
If you click on the arrows, everything goes smoothly... but the auto feature (with fade activated) has some kind of problem. We point that out to help you in the debugging process, not as an empty critic: this script is really an improvement over many others jquery galleries out there.
With appreciation / admiration, M.
Frits:
Feb 23, 2011 at 10:19 AM
Hi Erik,
Very nice slider! Finaly a slider what does it all. In my eyes at least :)
One bug found, the "auto" property only slides 1 slider and then stops. On my site as well as on your demo for auto.
Kind regards,
Frits
Forrest:
Feb 22, 2011 at 02:54 AM
Hi.
I'm having fun using Sudo Slider. Thank you!
I am having an issue with the setting "fade" to true, however. It seems to break my slide show.
http://www.annehunterstudio.com/abhnewsite/indexsudo.shtml (fade:false)
http://www.annehunterstudio.com/abhnewsite/indexsudo2.shtml (fade:true)
Must all images be the same dimensions in order for fade:true to work?
Forrest:
Feb 22, 2011 at 02:49 AM
I'm pretty impressed with Sudo Slider. I'm wondering about fade:true, however. In order for this setting to work, must all images have the same dimensions?
On this first page, http://www.annehunterstudio.com/abhnewsite/indexsudo.shtml , I've set up Sudo Slider with fade:false.
On the second page, http://www.annehunterstudio.com/abhnewsite/indexsudo2.shtml , the setting is fade:true which seems to break the slide show.
Am I missing something?
Rick:
Feb 21, 2011 at 09:40 PM
hi, I'm trying to access the "advanced options"
I'm following the instruction where it says
var sudoSlider = $("#slider").sudoSlider()
to create a variable that references the sudoSlider itself.
then I'm trying to call it from other areas of the code with its defined name
sudoSlider.goToSlide(3);
but I'm getting sudoSlider is not defined.
I tried calling it (var) different names. Still nothing.
Thanks for your help in advance.
Mauro:
Feb 21, 2011 at 01:43 PM
Hi Erik.
We´ve tested your slider in a working proyect, you can see it here:
http://www.altoalberdi.com/test3/
But... if you can see the code, even using Jquery 1.5, the correct settings in the Sudo js, and in the html code, the auto fade feature stops at the second li item.
We tested back and forth, again and again and really started to get mad.. maybe it´s in front of our eyes, baut we can´t see the problem. We are shure it´s a setting thing.
Can you help us by looking if we missed some setting? We touched the Sudo Js settings (trying to make it work), and also the HTML script of the Sudo init... No luck.
Thanks a lot, we used the same settings as your demo page.
CR:
Feb 20, 2011 at 05:10 PM
@Erik, is 2.0.9 a very recent release? I just grabbed 2.0.8 last week. Should I update and if so, is there anything I should change between the existing code for the current sliders to continue to work?
CR:
Feb 20, 2011 at 05:09 PM
@Erik - thanks man. It seemed to be a fade(); issue, not a Sudo Slider issue. I was hiding the two scroller divs then trying to fade them in. That didn't seem to work because the first slide wouldn't show up all the way. I changed it to just show();/hide(); and it seems to work great on load, so I no longer have to hide it in the background with a negative z-index.
Thanks a lot, love the slider. Great job.
Erik Krogh Kristensen:
Feb 20, 2011 at 10:52 AM
@Stephanie:
I can't replicate the bug (i even tried to use the configuration you send in the mail).
Could you send a link to a page where the bug occurs.
Erik Krogh Kristensen:
Feb 20, 2011 at 10:50 AM
@CR:
I just released 2.0.9, IE6 should work with that version.
Stephanie:
Feb 18, 2011 at 01:54 PM
Hi,
How can I use customLink with fade = true ?
The slide effect is stille there after the fade effect :(
And when I add crossFade:false the effects are good but the slide shown is allways the first one.
Erik Krogh Kristensen:
Feb 12, 2011 at 05:39 PM
@Jon Kristian:
I can't replicate it.
But in the past, i sometimes had problems with text if i didn't put the text inside paragraphs (see : http://www.w3schools.com/tags/tag_P.asp ).
@Fernando:
This is intended.
If you wan't just one button pr. "page" you can create your own buttons using customLink (see http://webbies.dk/SudoSlider/help/#Settings-CustomLink and http://webbies.dk/SudoSlider/assets/files/SudoSlider/package/demos/customLinks.html)
If you use them, remember to disable the build in paging (disableing numeric).
@Gizmo:
I'm glad that you fixed your problem, but i'm not going to implement your fix, it breaks more than it helps (if the slider isn't configured exactly the way you have it).
The Firefox problem isn't something you should worry about. I'll explain the problem here.
With all other browsers than Firefox, i can just use the .position() ( http://api.jquery.com/position/ ) to get the position of the slide i wan't to animate to. But firefox get that value 1-2 px off pr. slide (I have no idea why).
So the function getSlidePosWidth() manually calculates the position of the slide i wan't to animate to. And that works in all browsers.
You'r "fix" doesn't affect that in any way.
Gizmo:
Feb 12, 2011 at 12:53 PM
Hi again,
I have not given up and it's working now :)
First of all I commented cloning of slider elments (lines 280-288). Then I changed line 692 in method getSlidePosWidth() from:
if(option[11]/*continuous*/) substract = 1-option[40]/*slideCount*/;
to:
if(option[11]/*continuous*/) substract = option[40]/*slideCount*/;
I tested this on IE6/7/8 and latest Firefox,Chrome,Opera.
I can't figure only one thing you mentioned in comment in line 689:
"// This is a bit complicated, because Firefox won't handle it right."
Can you tell some more about Firefox behavior in this case?
Gizmo:
Feb 12, 2011 at 12:03 PM
Hi,
I have problem with "continuous" option when there is flash content (embeded via swfobject) in slider with fade effect.
Exactly I want to use "auto" option - this is enabling "continuous" - and there are clones created in DOM. Becouse jQuery cannot properly clone "object" elements I have no flash in slider :( I tried first to remove cloning in initSudoSlider() and then modify default switching behavior in fadeto() method, but without success.
Do you have any hints how to make this working?
Thanks in advance,
Rafał
Fernando:
Feb 10, 2011 at 09:53 PM
Hi! excellent slider! I was trying to paginate while using slideCount, an Numeric and noticed that a number is generated for each and not for each "page". Is this intended? Is there a way to have auto page numbers instead of the deafult slide numbers?
Erik Krogh Kristensen:
Feb 06, 2011 at 10:41 AM
@Ricardo:
There is such a function, it's called like this.
sudoSlider.adjust(400); // The argument is the animation speed, it can be any number (including 0).
@Max:
Sounds strange, but i can't replicate it.
Could you upload (or send) an example where the problem is visible.
@Alex:
Ajax is the solution, but not the way you are using it.
You have to use ajax like this:
$('#slider').sudoSlider({
ajax: [
'path/image1.jpg',
'http://example.com/example.jpg',
'path/somedocument.jpg',
'someImageInTheSameFolder.jpg'
],
numeric:true // Other options follow.
});
When working with nested sliders, remember always to initialize the nested sliders first.
You can see a demonstration of AJAX here:
http://webbies.dk/SudoSlider/assets/files/SudoSlider/package/demos/ajax.html
And i wrote something about AJAX in SudoSlider here:
http://webbies.dk/SudoSlider/help/#Settings-ajax
@Luis Escobedo:
Thanks for finding that bug.
It's fixed in 2.0.8 (will be released later today).
Luis Escobedo:
Feb 06, 2011 at 12:16 AM
Great slider script! Out of all the ones I researched this was the most accessible and flexible I believe.
One small bug I found was in the sudoSlider.destroy() function. If you choose not to use the built in paging controls (because I am using the customLink option) then calling destroy will throw an error because it tries to remove the controls i.e. this line in destroy()
// First, i remove the controls.
controls.remove(); // that's it.
I just went around it by checking for the "controlShow" option before calling remove.
if (option[0]) { // 'controlsShow option'
controls.remove(); // that's it.
}
Thanks for the great script.
Max:
Feb 02, 2011 at 04:22 PM
Hi Erik, thanks for you wonderful slider!
Just two questions:
1. This seems to be a bug: I want to go "next" by clicking each image, so I add "class='customlinks' rel='next'" to the LI tag. But it happens that the last slide always disappear after fading in. This happens also if I put the code in the IMG tag, or if I put the code in just one of the LI: the result is always the strange behavior of the last image. (tested in firefox)
(As a suggestion for the next version could be useful a new option to allow the image to be clicked so that the first half goes "prev" and the second half goes "next")
2. How can I add two more buttons to the numeric navigation? I would like to add a letter before the numbers (prev) and another letter (next) after the numbers. Do you think it is possible?
Thanks a lot,
Max
Jon Kristian:
Feb 01, 2011 at 11:44 PM
@Erik, yes that was what I thought, turns out there was some conflict with the history argument when using several sliders, it's all good and working now. Thanks:)
Erik Krogh Kristensen:
Jan 30, 2011 at 07:27 PM
@Alex:
I think i know what you are talking about.
When you (just an example) try to slide from slide 28 to 29. It just acts crazy (slides really really fast) but end up in the correct place.
I know that this bug exits, and it's a bug in jQuery ( http://bugs.jquery.com/ticket/7450 ) and not in the Sudo Slider code.
If you downgrade jQuery to version 1.4.2, the bug disappears.
There's nothing else you can do about it, unless you wan't ugly code.
Alex:
Jan 30, 2011 at 02:20 PM
Hi, when I put inside of the slider about 30 slides, it becomes buggy.
Files not more than 150Kbytes. Can you check please??
Erik Krogh Kristensen:
Jan 29, 2011 at 12:02 PM
@Sims:
Update you script to version 2.0.7 and then when creating the slider do like this:
var sudoSlider = $('#sliderIdIsSomething').sudoSlider({ /*all you options in here */ });
And when you destroy it, do like this:
sudoSlider.destroy();
That might work better, if it still doesn't work correctly, then plz post a new comment.
Sims:
Jan 25, 2011 at 03:57 PM
Hi, i have a troubleshot with the function afterAniFunc: function(n){...}, it's work very nice but when i call a page i destroy the slider for a new slider in ajax.. i use $("#text_cont").sudoSlider("destroy"); for this and it's work but the function afteraniFunc work in 2 time the first for the first page and the second time for the page.. and if the user click on an undermenu and click fast on a other page the function afterAnifunc create some troubleshot in my template.. How i could destroy it??
Erik Krogh Kristensen:
Jan 25, 2011 at 03:41 AM
@brooke:
I can't replicate the bug you are descriping.
I'm using the following config:
var sudoSlider = $("#slider").sudoSlider({
loadingText:"This is a loading text",
preloadAjax:false,
fade:true,
continuous:true,
..........
});
It will be easier if i can see the bug.
So could you upload the site you are trying to create?
Erik Krogh Kristensen:
Jan 24, 2011 at 09:20 PM
@Jon Kristian
Sure you can, it no need to get dirty.
Have one slider with id="slider1" and another with id="slider2".
Then initialize using $('#slider1').sudoSlider({ ..... }); and $('#slider2').sudoSlider({ ..... });
That's it!
(I'll add a demo demonstrating it in version 2.0.7, i will release it about sunday).
@Alberto:
Sudo Slider doesn't support population 2 different sites directly. But you can allways use the same code on 2 different pages.
@stefan
Sure, look at this demo: http://webbies.dk/SudoSlider/assets/files/SudoSlider/package/demos/customLinks.html
@Devon:
You can, if you don't use it in any proprietary code (shouldn't be a problem in a template), and mention that you use code from the Sudo Slider Project (plus a link).
A donation would be appreciated if you make any money from it.
Devon:
Jan 24, 2011 at 02:02 PM
Hi!
I love your script and have been using it for a while now. I was just wondering what the licensing was for your code; if it allows for reselling such as selling website templates with the code packaged in.
Thanks!
stefan:
Jan 21, 2011 at 10:49 AM
thanks a lot for this wonderful slider
is it possible to make a link for each pictures in the slider ?
Stefan
brooke:
Jan 19, 2011 at 04:20 AM
is it possible to get the preloadajax and loadingText working with your "captions" demo? i can't seem to get those settings to work in that example and my images are kind of big. thanks! brooke
Alberto:
Jan 18, 2011 at 02:01 PM
Erik,
is it possible to extend a page to two pages? I mean using a single slide HTML source to populate two pages?
Jon Kristian:
Jan 18, 2011 at 01:51 PM
Great plugin! Is it possible to run more than one instance of the slider on on page?
Don't mind getting my hands dirty if it requires so.
Erik Krogh Kristensen:
Jan 17, 2011 at 02:16 AM
@Guillem
The bug will be fixed in the next release of Sudo Slider.
@Dave Moz
Try to set the z-index ( http://www.w3schools.com/Css/pr_pos_z-index.asp ) of the controls to something like '10000000'.
Dave Moz:
Jan 12, 2011 at 06:11 PM
Hey,
Great slider script, but I'm trying to put some absolute-positioned transparent text boxes on the bottom edge of multiple sliders, all on the same page. The problem is that the sliders fade out then pop the text boxes back on the next picture. I have them outside of the #slider divs, but i can't figure out how best to do this.
Site is here: http://thegallerymusic.com/testing/services.html
Any help would be greatly appreciated. Thanks!
Guillem:
Jan 08, 2011 at 06:21 PM
When auto is set to true first time the AfterAniFunc is called $(this) has the value of last slide.
Erik Krogh Kristensen:
Jan 07, 2011 at 06:17 PM
@Wally:
You aren't the first to have this "issue".
SudoSlider isn't designed to work fullscreen, there are other "fullscreen" sliders designed for that.
Wally:
Jan 07, 2011 at 04:43 PM
Hi,
Sudoslider is very cool and usefull, but i have a little issue with it.
If I want to put the slider width to 100% of the page, I see the images only during the fade transition, and I cannot see them in other moments.
I tried to use a dummy container, but I had the same result.
Can you help me please?
P.S. - Sorry for my english :( I hope you understood me however...
Erik Krogh Kristensen:
Jan 06, 2011 at 12:01 PM
@Jerry kew
I don't know exactly how, but somehow you massive use <table> of messed it up. (the table tag is for tables. div tag is much better for layout, it's better to learn that sooner than later).
I deleted the <table> that surrounded the slider, and replaced it with a <div>. Not it works.
I got a working copy of the new code here:
http://webbies.dk/SudoSlider/assets/files/SudoSlider/tmp%20files/artery.html
Thanks for the donation, it's appreciated.
Jerry Kew:
Jan 06, 2011 at 10:28 AM
Erik, thank you for the prompt reply, I have now cleaned up the code ;-(
I have rebuilt it, in a simpler fashion, but I am still seeing the problem, - good in ie and ff, not so in chrome
http://www.arterysolutions.com/index.cfm?page=slideshow&cw=c is the new url.
I really cannot see how it differs from your example, but then I am sure it will be blindingly obvious to you.
PS coffee donated! ;-)
Alberto:
Jan 06, 2011 at 12:37 AM
Erik,
my problem with IE was actually due to a missing width setting in my css: IE is known to be more "fragile" in these cases...
As for mouseover, I already tried startAuto (found in source ;)) but with no result - slideshow stayed blocked. Will try again anyway.
Thanks,
al.
Erik Krogh Kristensen:
Jan 05, 2011 at 04:58 PM
@Jerry Kew:
I don't know why it doesn't work in Chrome.
But you'r code is a mess, so it's hard to find out.
I recommend that you begin from scratch, and see when it breaks. If you find a bug, then plz tell it.
@Alexey:
I will consider adding your piece of code into a later version of SudoSlider.
@Alberto:
I don't get any error in IE. Could you post the error description if you get one.
You could try to start it using:
"sudoSlider.startAuto();"
(Just noticed that i didn't write that in the documentation oops.)
Alberto:
Jan 05, 2011 at 04:44 PM
Hi, great improvements over easyslider, thank you for sharing.
I only have problems with IE, which gives me a javascript error while all is perfect with Firefox and Chrome (see for example my homepage). Are you aware of any settings that could cause this?
And a question: the best way to implement a pause on mouseover? I tried this way:
...
afterAniFunc: function(t){
$(this).mouseenter(function(){
sudoSlider.stopAuto();
});
$(this).mouseleave(function(){
var sn=t+1;
if (options.continuous){
sudoSlider.goToSlide(sn);
} else {
sudoSlider.goToSlide(sn);
}
});
}
but it only works on enter (mouseenter stops slideshow, but mouseleave does not make it restart). Another way to do this?
Thank you,
al.
Alexey:
Jan 04, 2011 at 10:48 PM
I has improved multiple slider. Please see.. http://file.qip.ru/document/Y_DUMgAN/Improvment.html (part of code)
I has added new parameter COUT (this is count of displayed slides on page). Now works correctly! Please add the new version. Regards, Alexey
Jerry Kew:
Jan 03, 2011 at 01:40 PM
Hi, excellent plugin, I have a problem though, http://www.arterysolutions.com/index.cfm?page=pages&p=70 works fine in ie/firefox, but not with chrome, any ideas?
Jerry