Find Jobs
Hire Freelancers

jquery image drag/resize sliders + more(repost)

$30-100 USD

Completed
Posted about 15 years ago

$30-100 USD

Paid on delivery
This project is basicly a complex jquery page. If you are not a javascript expert and havent used jquery before please do not bid. Also note that the project should be finished in 1 day. Description: There are overlapping images which can? dragged and? resized with some additional requirments. The idea is that user will upload his/her photo and try to frame it through the transparent? png. he/she will drag/resize his/her photo with help of some sliders in order to get a nice looking frame. After user making his/her framing he/she hits the button and the position values of the image + the dimension values will be sent to the next page in query string. ## Deliverables As you can see in the screen shot there is a purple png with a transparent circle area in the middle. (div id="ekart_holder") And a portrait of a? child in the background (which we are seeing throught the transparent png) (id="image_holder") Both of these images are placed in differant divs with differant zdepths. The idea is that user will upload his/her photo and try to frame it through the png. he/she will drag/resize his/her photo with help of some sliders in order to get a nice looking frame. After user making his/her framing he/she hits the button and the position values of the image + the dimension values will be sent to the next page in query string. We need the following to be implemented into the page: ? - implement the sliders ? ? basicly you should be inserting 3 sliders (they must be skinable); ? 1 for image dimension slider ? 2 for vertical move slider ? 3 for horizontal move slider ? - Plus the sliders, the user must also be able to position the image by dragging it. ? - while dragging or resizing, the border of the image must be shown on top of the png image, in order to provide visual feedback to the user.(only the border, not the image itself) ? - the two position sliders must use a calculation relating with the image dimension. which must prevent user to lose the image far away, by dragging/sliding it off the page. (you must discuss your possible solution logic before implementing it) It should be good idea to use the opposite borders of the png as a limiter. Note that the dimension for the uploaded image can be variable, but the png is always 600pxx400px. - make the png work under internet explorer 6. You need an asp.net server in order to work becouse the page is in asp.net C# Page? was planned to use the below libraries. (some functions are implemented and working. ie:dragging) [login to view URL] [login to view URL] [login to view URL] [login to view URL] If possible continue using them. If you want to use something else you must discuss it with us before.
Project ID: 3807222

About the project

1 proposal
Remote project
Active 15 yrs ago

Looking to make some money?

Benefits of bidding on Freelancer

Set your budget and timeframe
Get paid for your work
Outline your proposal
It's free to sign up and bid on jobs
Awarded to:
User Avatar
See private message.
$84.15 USD in 3 days
5.0 (7 reviews)
3.3
3.3

About the client

Flag of UNITED KINGDOM
London, United Kingdom
5.0
47
Payment method verified
Member since Jul 24, 2011

Client Verification

Thanks! We’ve emailed you a link to claim your free credit.
Something went wrong while sending your email. Please try again.
Registered Users Total Jobs Posted
Freelancer ® is a registered Trademark of Freelancer Technology Pty Limited (ACN 142 189 759)
Copyright © 2024 Freelancer Technology Pty Limited (ACN 142 189 759)
Loading preview
Permission granted for Geolocation.
Your login session has expired and you have been logged out. Please log in again.