Image manipulation with JavaScript

Posted on 2009-12-17
Medium Priority
Last Modified: 2012-05-08
I'm working on a simple JavaScript system to design t-shirts online. Bascially, I want for a user to be able to upload multiple images, resize, rotate, and move those images in a given area. Here is the site I'm working on:

The issue I've run into is that when I resize the 1st image added, any subsequent images get moved arund in relation to that first image size. Right now there are + and - buttons below the image area to resize the images.

Any insights as to what property I need to look at to allow each image to move and resize independantly (and eventually add rotation) would be awesome.

If there are similar projects out there that are already doing this (non-flash based) then I would love to hear abou those as well. Are there library's for this functionality, is AJAX a better method to look into?
Question by:musickmann
  • 2

Author Comment

ID: 26077185
Well, I solved my own issue....
I feel a little dumb...but it was all about the positioning of the DIV being absolute instead of anything else, I'm sure as I go through this process I'll have more questions....


Accepted Solution

musickmann earned 0 total points
ID: 26077189
Should I leave this question up for reference for others or delete it completely?

Featured Post

Free Tool: Port Scanner

Check which ports are open to the outside world. Helps make sure that your firewall rules are working as intended.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Today I am discussing AJAX problems in IE7 and I bet this will helps many guys out here who have problems with AJAX work. Lets start with the discovery of problem and then we will talk about its different solutions. My last two projects included …
Introduction HyperText Transfer Protocol (http://www.ietf.org/rfc/rfc2616.txt) or "HTTP" is the underpinning of internet communication.  As a teacher of web development I have heard many questions, mostly from my younger students who have come to t…
This Micro Tutorial will teach you how to add a cinematic look to any film or video out there. There are very few simple steps that you will follow to do so. This will be demonstrated using Adobe Premiere Pro CS6.
Loops Section Overview
Suggested Courses
Course of the Month16 days, 17 hours left to enroll

864 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question