Question

<td id="display5" class="displayableCell" style="border: 0px none; width: 120px;">
<span id="name5">Photo Name</span>
<br>
<img id="img5" height="auto" width="120px" src="/Home/GetPhoto/53">
</td>

I have tried many things to no avail. This is my most recent attempt, which minimizes the image, but does not move it to the right which is the whole goal here. How to animate it to the right, outside of the td area.

var target = "#img" + Displayable.count;
$(target).animate({ "left": "+=240px", "width": "-=120px" }, "fast");

Answer 1

In order to animate the left property, you’ll want to add position: absolute to your image. That’s likely why it wasn’t moving to the right.