Status: Solved
Priority: Medium
Security: Public
Views: 395
Last Modified: 2012-12-28

jQuery animate callback problem

I'm getting an error attempting to change a CSS value on an animate callback. Sorry, I'm a bit new at this. The animate works, but where I insert $('#slide'+prevImage).css('left', '864px') after a comma, I get an error. Is there something wrong with my syntax? Thank you!

My test page:
http://www.dis-hfm.com/default.htm

My Javascript:

$(function(){
	var prevImage=1;
	var nextImage=1;
	var maxImage=5;
	var intervalID=setInterval(slideAnimation,1000);

	function slideAnimation(){
		prevImage=nextImage;
		if (nextImage==maxImage){nextImage=1;} else {nextImage++;}
		$('#slide'+nextImage).animate({left:'-=864px'},{
			$('#slide'+prevImage).css('left', '864px')
		});
	};
});

Open in new window

Brad Bansner

Asked: 2012-12-28

Advertise Here

2 Solutions

LVL 75

käµfm³d 👽Commented: 2012-12-28

Try:

...
$('#slide'+nextImage).animate({left:'-=864px'}, function() {
	$('#slide'+prevImage).css('left', '864px');
});
...

Open in new window

LVL 8

soupBoyCommented: 2012-12-28

you should probably include your time for the animation and 'wrap' your call back in a function...

Here is your code, modified:

$('#slide'+nextImage).animate({
     left:'-=864px'}, 500, function(){
     $('#slide'+prevImage).css('left', '864px')
});

Open in new window

Here is a jsFiddle showing an example I just created: Animate using Jquery will callback

Brad BansnerWeb DeveloperAuthor Commented: 2012-12-28

Ah, I was missing the function. Thanks guys!

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

jQuery animate callback problem

Join & Write a Comment Already a member? Login.

Featured Post