Em Andamento

Jquery development (Image drag/drop + zoom + postback)

For my current project I need help with developing a Jquery javacsript that can do the following below.

First, some background.

I have a games product catalog that have boxshots (cover image) and optional 0-4 screenshots. From a different system we receive updated images. I am trying to develop a webpage that will allow the user to map/connect new images to existing products.

So we have two kinds of images,

1. Box Shots ,

2. 2 Screenshots

And they should not be mixed.

One product on the left can have (0 or 1) boxshot and (0-4) screenshots.

The system should allow the user to do the following:

1. Drag & Drop screenshots images from the right columns to any product on the left side.

Only dropping on the left side where the number of screenshots for a given product is

less than four..

2. Drag & Drop boxshot images from the right columns to any product on the left side.

(where there are not existing boxshot).

3. When clicking on any of the images on the left or right side, the image should expand

as shown in the attached ExampleImage2.jpg. When clicked again the image should reduce

back to normal size.

DragDrop Rules:

After a drag/drop the dropped image should be added to the left column , perhaps with a border around it showing that it is a change/newly dropped image.

When I press a “Save” button a list of “drag&dropped” images can be sent back to the server together with the product-numbers.

No deleting of image can be done in this app to keep it simple. Screenshot Images can also not be replaced, only “added”.

A sample page screenshot is attached with this project. A real HTML page with sample images will be provided to the winner.

Your task is the following:

1. Develop the jquery script necessary to handle the drag/drop + image zoom. (perhaps using some Jquery plugin.). When doing the drag/drop the image should not zoom.

2. Add a “Save” Button to the image and create a script that when I press the save button it should send a list of dragged/dropped images back to the server for processing.

The Server side part I will handle myself.

Habilidades: Javascript

Ver mais: jquery drag, jquery zoom, jquery image zoom drag, jquery drag drop postback, jquery image drag, jquery product drop, jquery drag zoom, drag drop press , drag drop postback, drag box zoom products script, jquery image save, zoom drag map html sample, zoom drag drop image jquery, zoom drag image jquery, jquery drag zoom image, need help developing app, less than 3 press, jquery 2.1 0, jquery 2, jquery 1.9, Development APP, cover page sample, connect html javascript, jquery image drag zoom, jquery postback

Acerca do Empregador:
( 3 comentários ) Helsingborg, Sweden

ID do Projeto: #530387

Premiar a:

charlietfl

US based, majority of my work is jQuery based....more in PM

$175 USD em 3 dias
(33 Avaliações)
5.6

7 freelancers are bidding on average $146 for this job

gafprogrammer

Highly experienced with JQuery and also logical [url removed, login to view] to do such logical tasks

$95 USD in 3 dias
(56 Comentários)
5.9
ajaxdevman

I can do it perfectly, check PM message.

$250 USD in 5 dias
(13 Comentários)
5.6
topOneLancer

please check the PM,thanks!

$150 USD in 2 dias
(11 Comentários)
5.0
mantislin

Hi sir, let me do it NOW! Thanks, Kimi.

$150 USD in 3 dias
(31 Comentários)
4.9
DesignSolutionSW

Please check PM.Thanks.

$100 USD in 3 dias
(6 Comentários)
4.6
grem11n

Working with Jquery 3 years already non stop. Will do this job with fun and reliability

$100 USD in 5 dias
(0 Comentários)
0.0