Search jQuery

jQuery Forum

Using jQuery

jQuery_be..

Making a Slideshow with jQuery

in Using jQuery • 9 years ago

Hi everyone:

I'm trying to develop a new Image Slideshow and I ran into a problem.

Please visit the jsfiddle link below.

You will see an image and when you click on the image it "slides to the left" while a new image slides in from the right.

So far so good.

My problem is that when you click three or four clicks on the image.

It starts to act funny.

It seems like it does nothing when I run this code:

$('div#slider div:first').stop();
$('div#slider div:last').stop();

in my nextImg() function. I am expecting it to stop the current animation and run the callback functions.

I re-created the problem on jsfiddle : http://jsfiddle.net/me2loveit2/SbqZc/

Please help me!

Replies(5)

youri.bok

Re: Making a Slideshow with jQuery

9 years ago

If you check carefully you will see that on every next click the image does stop, but since you clicked it will immediately start a new cycle. What you should do instead of .stop() is to do a check with .is(':animated').

You should check for this right at the start of the click function, and wrap all other code that is inside that click function inside the check.

function nextImg() {
if (!$('div#slider div:first').is(':animated')) {
// Other code here
}
}

This will make the code only run when the element is not still busy in another click. Only once the images have finished their animations, then the user is able to click again.

jQuery_be..

Re: Re: Making a Slideshow with jQuery

9 years ago

Hi youri:

Thanks for the reply, it's not exactly what I had in mind but this will work for me.

Thank you

williambr..

Re: Making a Slideshow with jQuery

9 years ago

I was looking at your code, but id do not understand how you get the whole image to slide to the left? Would you explain the parameters you pass to annimate to do this?

Thanks!

William Bradley Rouse

jQuery_be..

Re: Re: Making a Slideshow with jQuery

9 years ago

Hi William:

I am not actually sliding the pictures anywhere, I am re sizing the div's in which the pictures are in, to get the affect of a sliding picture.

Here I worked on it a little more, have a look :http://jsfiddle.net/me2loveit2/SbqZc/52/

I pretty much got the effect that I wanted now.

I wanted it to speed up the current animation and do the next animation if the next button is pressed while it's still animating.

Tell me what you think! and thanks!

williambr..

Re: Making a Slideshow with jQuery

9 years ago

Thanks for your reply. I took a look at your work and I thnk I see what you are trying to do.

I took a different track and found a method to slide my images on the screen or fade them.

Thank you for the reply.

WBR

Top Reply

Response title

Attachments

jQuery Forum

Making a Slideshow with jQuery

Replies(5)

Re: Making a Slideshow with jQuery

Re: Re: Making a Slideshow with jQuery

Re: Making a Slideshow with jQuery

Re: Re: Making a Slideshow with jQuery

Re: Making a Slideshow with jQuery

Statistics

Tags

Actions