Annulé

html page: display filterable image matrix -- 2

Job Description:

We are a tech company with image data of our products,

which we want to review in an efficient manner.

Tha objective is to be able to generate a single html page that is displayed in a browser window, which

displays thumbnails of the images in a matrix. The displayed images can be filtered (preferably interactively on the web page) based on information related to the images. The html page allows investigation of individual images in more detail (in a pop-up window or in a new window).

Start data set:

- a set of image files

- number of images can be for example 1000

- csv file with columns imgname; row; col;property1;property2;

This is a list which associates the image file names with row and column numbers of a matrix.

Start data set:

- a set of image files

- number of images can be for example 1000

- csv file with columns imgname; row; col;property1;property2;

This is a list which associates the image file names with row and column numbers of a matrix.

matrix has 500 rows and 500 columns (= only a relatively small percentage of matrix cells has

an associated image

Task:

You need to develop a python script which creates an html page (= page A) from the data set that

displays the image matrix corresponding to the matrix formation in an user friendly way

-img thumbnails are presented in this view

-there should be a setting to scale the view so as to fit the full matrix to the screen

-there should be a setting to limit the view to a subsection of of the matrix

- example: limit the view to cover rows 100 ... 150 and columns 350 ... 400

- see Note1

- there should be a setting to filter the display of images based on property1, property2 etc

- property1,2 etc can be text or numbers

- see Note1

- when the user clicks a thumbnail image

- a new page (page B) with full image is opened (with middle click on chrome browser a new tab is opened)

-on the page, the headline + the associated row of the csv file is displayed

- when the user hovers with mouse on a thumbnail image:

- a "popup-window" (the kind of popup that you see on online shop pages, eBay-like)

is displayed which shows a better resolution version of the image + a link that can be clicked

to open the page for a full image (page B)

- the html main page should have a selection method to disable the hovering feature so that it does not

disturb the user if not wanted

- see Note 2

- Note1

- this could be implemented with jQuery datatables [login to view URL]

but other approaches can be used as well

- Note2

- this could be implemented with some sort of Ajax approach, but other approaches are ok as well

Tools

- required: python

- possible: html, jQuery, Ajax

Other:

- you give full rights to the code produced in this project.

Compétences : CSS, HTML, JavaScript, jQuery, Python

Concernant le client :
( 3 commentaires ) Espoo, Finland

Nº du projet : #25361855

9 freelances font une offre moyenne de 245 € pour ce travail

milosjovanovic88

Hi, Good day to you! Your listed requirements closely match with my skills. I am confident my specialized knowledge of Python/Jquery/Ajax/Image Process would enable me to contribute to your project. Please shoot up a m Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% EUR en 7 jours
(9 Commentaires)
6.2
Jee1980

Hello Here is a Python(Django, Flask), DataTable expert and I have rich experience in this part. After checking your project detail carefully and I can do it in a short time. For your project, I can use Django, Javascr Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% EUR en 3 jours
(36 Commentaires)
6.4
vovakovalkov80

Hi,Dear I am a senior web developer with over 8 years of experiences. I am good to the skills such as php, javascript, jquery, ajax and wordpress, shopify, woocommerce so on. I finished many projects of building site, Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% EUR en 7 jours
(6 Commentaires)
4.8
d1master

Hi, How are you? This is not auto bid... As I am a superlative developer I can easily complete this task and exceed your expectations. Main skills: ★ wordpress/ Python/Shopify/Angular/PHP ★ Web Design/psd to html ★ R Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% EUR en 5 jours
(14 Commentaires)
4.9
kachhadiyap

I'll help you in creating html page to display filterable image matrix by follwoing all your mentioned specifications and by using python, html, jQuery, Ajax. I am highly expert python, html, jQuery, Ajax developer. Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% EUR en 3 jours
(1 Évaluation)
3.4
Rohitsharma51437

Hi there, Hope you are doing well/I’d really like to work with you on this. I have gone through your job post on Freelancer and see that you are looking for WordPress Developer with Designer So you are in Right Place Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% EUR en 3 jours
(0 Commentaires)
0.0
saurabhkatna0577

Hello Sir, I read you job details you display filterable image matrix . So I can definitely help you for this projects. Let,s chat and further discussion.

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% EUR en 7 jours
(0 Commentaires)
0.0