Em Andamento

Write a javascript widget to reorder a set of images in a browser

Write a client side Javascript widget that allows a user to reorder a set of images.

The input to the widget will be a a Json list of page numbers and corresponding image URLs. (i.e. [1, [url removed, login to view]], [2, [url removed, login to view]]). The program shall be able to take the Json list and display the thumbnail images of the pages in a row or grid.

There may be a large number of images and so the thumbnails will load in a scrollable container. The program shall “lazy load” the thumbnails as the images come in to view of the user. For fast load speeds, images that are not “in view” of the user should not be loaded.

The user should be able to change the order of the images by dragging and dropping an image to a new position. Finally, the widget should have a function to output an updated version of the Json list (that was originally received) with the ‘new’ order created by the user.

Include a sample page where I can test and see the widget in action. In the sample page when a user clicks on a thumbnail the image should be displayed in large above the grid. The input to the grid can be hardcoded for the sample page - there is no server side required for this project, it is entirely a client side project. The sample file should work if I open in my browser straight from disk.

A sample flow:

The page loads

[url removed, login to view] is called, passing in the JSon list and the element on the page where the grid of thumbnails is to be displayed.

The thumbnails are displayed and the user drags and drops to reorder them.

The user clicks "Submit", which calls [url removed, login to view], which returns the JSon list with the new page ordering.

See attached diagram.

The display of the images in the row/grid for sorting should be done using JQuery sortable UI - [url removed, login to view]

An example of a query lazy load implementation, this is just the first google result for "jquery lazyload", other options may be better: [url removed, login to view]

Habilidades: HTML, Javascript, jQuery / Prototype, Desenvolvimento de Software

Ver mais: json calls, fast widget, container numbers list, better javascript, write a, write project, browser projects, javascript function display json, lazyload, html json list, json jquery page, javascript load file, jquery write html, jquery display json, thumbnail grid, javascript write display, client browser, html lazy load, javascript change page view, jquery display json result, javascript order function, jquery json page, jquery sample net project, write json file server, javascript json

Acerca do Empregador:
( 25 comentários ) United States

ID do Projeto: #6798386

Premiar a:


Hi, I can do your project with jquery in next steps 1)read json data,2) create all thumbs,3)create jquery reorder function,4)detect what thumbs see in view and for that thumb load image(lazy load for better speed),5)wh Mais

$333 USD em 2 dias
(60 Avaliações)

23 freelancers estão ofertando em média $402 para este trabalho


Hello, I'm a professional programmer for web programming with php language to build the system website, Besides, I'm also expert in MySQL , HTML,HTML5,CSS, JS I'm always top in Vietnam freelancer https://www.freela Mais

$526 USD in 10 dias
(92 Comentários)

Hi Employer, I have read your description and been interested in your project. Let me help you develop the Reorder Javascript Widget as you mentioned. I'm ready to discuss and start to work on it now. ============== Mais

$600 USD in 15 dias
(107 Comentários)

Hello, I am Yasser, I have 8+ years of experience in web development, and I am clear with your requirements of the images widget. I can start right now and complete within 2 days. Thanks

$650 USD in 2 dias
(83 Comentários)

Dear Sir, I reviewed your job requirement carefully and then excited. i understand image reordering idea and have ever done similar job like your requirement. Please check this site that I have just made. e Mais

$531 USD in 4 dias
(13 Comentários)

Hi, i read your description and can see you need a javascript that would receive json data in the format you specified and render the images specified in the json (in a lazy loaded manner with scroll) such that the use Mais

$394 USD in 5 dias
(8 Comentários)

Hi. thanks for your posting. I'm very happy to have a chance of bidding your project. I have experience in development of the projects like yours I'm exciting in your project. I have 25 programmers. We are professi Mais

$400 USD in 10 dias
(27 Comentários)

Question: Can I use Drag Drop to reorder ? Along with JQuery, do u need ASP.NET or PHP ?. Thanks for posting the project ?

$526 USD in 5 dias
(13 Comentários)

Hi, I'm very much interested in your project. I made a sample specific to your requirements. Please have a look here: http://cloud.x10.mx/demo/sortable-thumbnails/ I have a question, is it going to be publicly sort Mais

$473 USD in 7 dias
(7 Comentários)

Hello Sir, Sir i am dam sure i can do this please give me one chance dont need to pay me any thing pay me when u see i am on right path but plz give me one chance to prove my self i am a real proffessional and authent Mais

$263 USD in 10 dias
(13 Comentários)

hello, I am an experienced web developer and I can finish your image sorting script in a few hours... please contact me if you intrested

$263 USD in 10 dias
(9 Comentários)

Hello. Thank you for your posting with our skills scope. please choose with confidence. It is my pleasure to take part in your project because I have many experience in similar project. I will start this project withou Mais

$250 USD in 10 dias
(17 Comentários)

Dear Sir , I am writing in response to your advertisement. As a proof of concept I send a link to working script: http://mk2.pl/freelancer/reorderimages/ Of course this is only the demo but all you need is im Mais

$277 USD em 1 dia
(12 Comentários)

The lazy loading should be custom made for this project, if you use an existing library together with the jquery sortable it will most likely cause conflicts. You can message me to discuss the project details. R Mais

$500 USD in 5 dias
(3 Comentários)

Hi, I can make a simple jQuery widget that loads a list of images from a json file and displays them in a grid array that allows the user to reorder the images and has a function GetJSon that allows the new list ord Mais

$255 USD in 10 dias
(3 Comentários)

A proposal has not yet been provided

$566 USD in 10 dias
(6 Comentários)

Hi! I have read the provided document and understand your requirements. Details to achieve the result: -Plugin will extend the JQuery grid function and use lazy loading for thumbnails -Enabling JSON data get and Mais

$250 USD in 7 dias
(3 Comentários)

Hello, I'm a web developer and have done several jobs successfully here, please look at my profile to see how clients talked about quality of my works. For a sample of my work, please check out this Chrome extens Mais

$500 USD in 4 dias
(4 Comentários)

I read your description and based on that I created an example which you can view : http://jsfiddle.net/zpg5vLbc/10/embedded/result/ After making a request to get the array of images it may need to get sorted. After t Mais

$250 USD in 2 dias
(7 Comentários)

Thank you for posting this project .I have more than 5 years experience on javascript/ Jquery. I am ready to start the work right now. I'm looking forward to waiting for your reply. I can work in Wordpress, Joomla, M Mais

$555 USD in 7 dias
(1 Comentário)

Website Development Today your job posting has caught my attention because I’m a looking for a job. I have excellent experience in Website Development. I believe my abilities would be perfect for your venture. I can f Mais

$500 USD in 10 dias
(1 Comentário)