自动更新列表滚动

I am basically making a auto updating image scroller. When jQuery sends a ajax request and finds out a new image has been uploaded i need this to happen

I can't even begin to get a grip of how i could make this.

Should i make the ajax return the files? How can i make the sliding work fully with new updates? at the moment i have it working with one image which is hidden and then has a position of left:-36px; so it is hidden ofscreen, then i change it to left:0px; and it slides across while moving the others, and this works great, but how could i make it so it can handle multiple imgs?

you can append you new image like that :

$("#slide").append('<img id="newimg"src="image.png"  />');

or use before() or after() for define the position of your new imagehttp://api.jquery.com/before/

with an overflow on #slide in your css.

overflow-y: hidden;