Sudo Slider | Comments

Erik Krogh Kristensen:
Nov 22, 2012 at 09:15 PM

@Miguel:
In order to perform the fade animation, SudoSlider places the new slide on top of the old ones, and while animating this slide has a z-index of 10000.
By setting the z-index of whatever is on top of SudoSlider to something bigger than 10000, the issue will be resolved.

@Mor:
Thanks for noticing, and many thanks for actually finding the course.
I'll look into it.

@Phil:
By using the callbacks ("beforeAniFunc" in your case), you can make so that you fade the controls in when the slider hits the second slide.
This demo: http://webbies.dk/assets/files/SudoSlider/package/demos/callbacks%201.html should give you an idea of how to use the callbacks.

Phil:
Nov 21, 2012 at 08:26 PM

Love this script!
One question: Is there a way to only show the numericText if it is counted 2 or more slides?

Mor:
Nov 21, 2012 at 04:52 PM

Great script! Just an FYI, I was beating my head over a strange 1 pixel-shift glitch in firefox (not sure if just on MAC or PC as well)... then I discovered "bigNumber". 10000000 as it was, translated to "1e + 7px" in firefox and firebug said that was an unsupported value. After changing it to 9000000 everything worked like a charm. Thanks again for a fantastic script.

Miguel:
Nov 21, 2012 at 12:58 AM

Hi, I'm using the fade effect and I have another div partially positioned over the slider. The part of that div is fading along with the slider images. Is there a way how to solve it? Thanks.

Erik Krogh Kristensen:
Nov 15, 2012 at 10:56 PM

@Andrea:
I can confirm that it doesn't work. But i can't help you.
I use TouchSwipe from here: http://labs.skinkers.com/touchSwipe/ to make the touch-gestures possible.
Try to ask him if he knows a way to make links work in a "touch" area. Because i don't.

@Carole:
The bug in 2.1.8 depends on what browser you are using. As far as i remember that bug only affected FireFox.
And i cannot replicate the bug you are describing.
Could you make a site that demonstrates the problem and send me a link?

Carole:
Nov 12, 2012 at 05:03 PM

Hi,

I'm using your plugin ( which is really great, thank you so much ! ), but there is a little bug with two version that I've tested.
With the version 2.1.8, one pixel of the next image is shown, and with the version 2.2.5 only the first and the second image are sliding, but not the two others. The slider stops at the second image, but manually it still works.

Any idea to make it work perfectly ?

Thanks !

Andrea:
Nov 10, 2012 at 06:24 PM

Hi there,

I'm using this demo code:
http://webbies.dk/assets/files/SudoSlider/package/demos/touch.html
I've inserted a link into one slide but it's not working using an Android 4.0.4 tablet.

Can you help me?

Thanks

Milind Utsav:
Nov 09, 2012 at 05:52 AM

No problem Erik. It is anyway working now. Thanks for all your help, and cooperation. And for this awessome plugin, of course!!

Erik Krogh Kristensen:
Nov 06, 2012 at 07:03 PM

@Milind:
I do not think i can help you anymore without having a page where the problem is present.

Milind:
Nov 01, 2012 at 07:42 PM

Hey man!! It seems to work somewhat. Now, what happens is that it goes to the second image with the function slider.goToSlide(2) but it doesn't come back to the first with slider.goToSlide(1). This function is not called even, it seems. I can always hard code the first image to be something else like a blank tile or some logo etc, but is there something else I can do? And, sorry for replying so late. Was consumed.

Erik Krogh Kristensen:
Nov 01, 2012 at 03:34 PM

@Juan Manuel Arias:
Looks like you fixed it yourself.
If you didn't, look at Alex Hommels latest post.

@Alex Hommel:
Good you found the fix yourself.
I also just realized that the example CSS in the demos didn't have display:block and position:relative on the li and ul tags, so i fixed that.

Alex Hommel:
Nov 01, 2012 at 01:39 PM

Sorry for not reading through all the posts here. This problem was described earlier and I was now able to fix it by adding position:relative & display:block to the #slider ul and #slider li CSS tags. Many thanks for this!

Alex Hommel:
Nov 01, 2012 at 01:24 PM

Hi Erik,
I have the same issue as Juan Manuel. My slider also returns to the first image when pressing the next button. The height adjustments works for the other 2 images, but the picture shown is always the first slide. I would greatly appreciate your help in this matter, because this is an awesome plugin!
Thanks in advance.

Kind regards,

Alex

Juan Manuel Arias:
Oct 29, 2012 at 11:20 PM

Hi, would you take a look at http://silvasilva.com.br/residencial/ and help me debug the slider?
As you can see, it always returns to the first image after each transition.
What's wrong with it?
Thnx

Erik Krogh Kristensen:
Oct 27, 2012 at 08:58 PM

@Cherkaoui:
There sure is.
In general, when something is working without using AJAX, it still works when using AJAX. That includes history.
Try clicking this link: http://webbies.dk/assets/files/SudoSlider/package/demos/history.html#third-slide
It links to the third slide in the slider (you can see in the code how to specify the "link-text" to each slide).

So even if you are using AJAX, you can do the same as i did in the history demo (i just tested it, and it works).

Cherkaoui:
Oct 27, 2012 at 07:40 PM

Hi Erik,
Great slider!
I'm working with the Ajax version, and i was wondering if there is a way to make links from an other page to a specific slide in our slider page.
Thanks.

Erik Krogh Kristensen:
Oct 27, 2012 at 04:41 PM

@Grrrbytes:
Questions are made to be answered, in this case its quite easy.

1. It is very possible, you just have to call the a method when the user press a key (i just made a demo: http://webbies.dk/assets/files/SudoSlider/package/demos/keyboard.html )
See the methods section on this page: http://webbies.dk/SudoSlider/help/ to see exactly how you can use the different methods that SudoSlider provide.
2. Just set the option numericText to some array of strings (like in this demo: http://webbies.dk/assets/files/SudoSlider/package/demos/history.html )

Grrrbytes:
Oct 27, 2012 at 03:42 PM

Tnx for the great script. Two questions though:

1) is there any way to bind keyboard shortcuts to next prev navigation without modifying the original file?
2) is there any way to make the navigation '#' links more meaningful? For instance I have a customized navigation menu. Right now each link points to #1, #2, #3, #4 etc. Can it be customized to make it link to #about, #contact, #services for instance?

Erik Krogh Kristensen:
Oct 24, 2012 at 10:20 AM

@Ken:
For some odd reason i didn't update jQuery in that demo. So it was running jQuery 1.5.2.
Since SudoSlider requires jQuery 1.7+, it didn't work.
I updated jQuery, and then it worked again.
I put a lot of effort in making the script backwards compatible, so no demo should break because the version of SudoSlider is "to high".

Thanks for finding it.

Ken:
Oct 24, 2012 at 02:19 AM

Hey,Erik:
Can you please see the demo "thumbnails",http://webbies.dk/assets/files/SudoSlider/package/demos/callbacks%204%20%7Bthumbnails%7D.html#
It's not work.I don't know the problem. Maybe the version 2.2.2 is too high for this demo. Can you fix it! Thank you!

Erik Krogh Kristensen:
Oct 20, 2012 at 04:50 PM

@Milind:
Maybe i wasn't clear enough, when i talked about setting margin-left, i talked about the ul, not the img.

I've set a little demo up that should help you with the rest, just look at the source code.
http://webbies.dk/assets/files/SudoSlider/package/demos/modal%20-%20Copy.html

@Vivien:
My primary browser (including when developing) is Chrome, so i have no idea why that is happening.
And i do not have a server with HTTPS, so i cannot test it myself.
Can you send a link to the page, so i can have a look at it?

Milind:
Oct 19, 2012 at 09:48 AM

I did what you said earlier but its still the same. And changing the CSS would change all the image properties while my problem stands with only the first image. I figured out that, if, on load of the popup, I slide the image once to the right and then again to the left, it comes back to the first image. But I don't have a clue how to do it programmatically. Can you tell me a way so that I can slide the image once right and again left, only for the first time?

Vivien:
Oct 19, 2012 at 08:48 AM

Hello,
I'm using this slider on web server with https .
The demonstration exemple works correctly with firefox, IE but not with Chrome.
With Chrome, the images file to the "basic" demonstration are displayed one below the other and scrolling buttons do not appear.
Can this be related to "https" ?
Do you have any idea how to operate the slider with Chrome?

Thank you in advance,

Erik Krogh Kristensen:
Oct 14, 2012 at 02:33 PM

@Milind:
It sounds like you are initializing the slider to early.
The slider must be in the visible in the DOM for SudoSlider to initialize properly.

So i would suggest that you try to initialize the slider after the popup is shown.
Or you could manually set the CSS property "margin-left" to "-[width of first image]px" (f.e. "margin-left: -570px").

Milind:
Oct 14, 2012 at 05:58 AM

First of all, let me admit that this plugin is amazing. For my site, I am using your sudo slider to display images in a popup, that are picked from other host sites, like in a bookmarklet. What happens is that the slider displays the last image on the first slide but the image URL, and the tag all show the details of the first image. However baffling this may be, when I slide to right, it scrolls by two images(I have continuous:true) and comes to the second image. From there it picks up its usual course. Kindly look into this and guide me as to what may be my error.
Thanks.

Erik Krogh Kristensen:
Oct 12, 2012 at 04:27 PM

@Kevin:
No idea there mate.
It might be caused by you trying to reference the object in a scope where it isn't defined.
Unless you mail/upload an example, this is all you're gonna get.

@Caitlin:
The history feature only adds the "extra" to the current address (look for "#2" in the address bar), it doesn't add it to the links.
It should work if you add "#2" (without the qutation marks) after every link that reloads the page.

@Philippe Daniel:
http://webbies.dk/assets/files/SudoSlider/package/demos/rich%20content.html
Look in the source code.

@Adriana C:
First the easy part. To set the speed just adjust the speed option. Look in the docs: http://webbies.dk/SudoSlider/help/
For sliding from left to right, i would suggest that you make the slider start in the last slide (see about startSlide in the docs), and then make your own controls to make the illusion that the first slide is on the far right.

@Ben Weston:
When i went to your site, i didn't see the issue. Tried in Chrome and IE 6, 7 and 10.
If you still have it, it sounds like a CSS issue, and you're far from the first to have one of those.

So look at the CSS in the download, and make sure that you have everything relevant from that (its mostly position:relative or display:block that people are lacking).
Then in your case i would suggest also making very sure that the browser cache is cleared, since an old cached version of your CSS file could cause exactly what you are describing.

Ben Weston:
Oct 11, 2012 at 08:48 PM

Hi there. First off, thanks for taking the time to write a great piece of software! I'm having a few issues getting it to work smoothly. I'm a web designer by profession but this one's got the better of me!!! I've implemented the basic slider as advised but once it changes to the next 'slide', it seems to revert to showing the original again before momentarily transitioning to the next one and then showing the first one again, etc. You can see it at http://fluffyegg.com/hosted/dmh/. Perhaps this is something simple I've missed but I'd love to get it working and use it in future projects!