NOOB question... variable for animate value?

Question

I have a variable that I would like to use to use as an animation value in pixels:

var thisAmount = maxScrollIncrements*DISPLAY_WIDTH 
$("#image").animate({left:"+=thisAmount", opacity:1.0}, "fast");

So in this case if "thisAmount" = 1200, I want the equvilant of: $("#image").animate({left:"+=1200px", opacity:1.0}, "fast");

I know this is simple but I am not getting it. Thanks in advance.

Jacob Mattison · Accepted Answer · 2010-03-22 17:04:33Z

2

The value after the colon is just a string, so you should be able to do:

$("#image").animate({left:"+=" + thisAmount + "px", opacity:1.0}, "fast");

(The "px" is optional.)

answered Mar 22, 2010 at 17:04

Jacob Mattison

51.2k11 gold badges109 silver badges128 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

ground5hark · Accepted Answer · 2010-03-22 17:04:54Z

0

Just concatenate your variable to the string literal:

    $('#image').animate({ left: '+=' + thisAmount, opacity: 1.0 }, 'fast');

answered Mar 22, 2010 at 17:04

ground5hark

4,5249 gold badges33 silver badges35 bronze badges