완료

jquery image drag/resize sliders + more(repost)

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)

[url removed, login to view]

[url removed, login to view]

[url removed, login to view]

[url removed, login to view]

If possible continue using them.

If you want to use something else you must discuss it with us before.

기술: ASP, 자바 스크립트, PHP, XML

확대 보기: jquery asp resize, string c plus plus, resize image background, portrait of you, jquery libraries, jquery 1.9, jquery 1.2 3, jquery 1, get more hits, c plus plus string, core logic, calculation logic, image of a circle, slider image, resize images, js jquery, jquery image, images resize, drag, drag a, area of a circle, implement image, php jquery calculation, want upload photo net, php transparent png

고용주 소개:
( 47건의 리뷰 ) London, United Kingdom

프로젝트 ID: #3807222

수상자:

sufertashu

See private message.

$84.15 USD (3일 이내)
(7건의 리뷰)
4.9

이 프로젝트의 입찰 현황은 다음과 같습니다. 입찰자: 2명, 평균 입찰가: $85

DmitriyN

See private message.

$85 USD (3일 이내)
(10 리뷰)
2.6