Lukket

Optimized Image zoom on web and mobile Browsers

Hello,

we have the problem, that we have High Quality images up to 4000x3000 pixels and can not show them fast on the website. In normal browser it is very slow and on iPad zooming is not possible, because iPad downsize the image automatically. when you zoom in with fingersprite you see poor quality,

Your job:

On a webserver we have an archive of xl Images (ex. [url removed, login to view]).

Please create a webservice in c# with a function getZoomImage(ImageURL)

This function must load the image filename into memory.

than save the image in different sizes in a cache directory (ex. inetpub/imagecache/)

all resizings must be done with best quality algorytms and correct aspect ratio

max. 100x100 pixel ([url removed, login to view]),

max. 320x240 pixel ([url removed, login to view]),

max. 1000x800 pixel ([url removed, login to view]),

max. 2000x1600 pixel (ex. [url removed, login to view]), (only if orig image is greater then 1000x800)

max. 3000x2400 pixel (ex. [url removed, login to view]), (only if orig image is greater then 2000x1600)

Then you must tile the image in 16 segments (grid 4x4) and save each tile in different sizes for different zoomlevels.

Zoomlevel 1: calculate tile size to get max 1000x800 pixel (ex. [url removed, login to view] ... [url removed, login to view])

Zoomlevel 2: calculate tile size to get max 2000x1600 pixel (ex. [url removed, login to view] ... [url removed, login to view]), (only if orig image is greater then 1000x800)

Zoomlevel 3: calculate tile size to get max 3000x2400 pixel (ex. [url removed, login to view] ... [url removed, login to view]), (only if orig image is greater then 2000x1600)

the optimal size of the tiles must be calculated based on the original file aspect.

The Webservice should return the max zoomlevel (1,2 or 3), when conversion has been done.

All imageSizes, compressionrate, algoritm, etc. should be changeable in a web.config.

When the same image is requested again, do not recalculate the images, use the one from the cachefolder.

Than we need a simple html website with a and a javascript function showZoomImage(targetID, fileURL).

Please use jquery for all DOM manipulations.

When the function is called with showZoomImage(("zoomImage","[url removed, login to view]") you should makes an ajax call to the above webservice function getZoomImage("[url removed, login to view]").

Then insert a table of 4 cols and 4 lines in the existing div with the id targetID - each cell contains its tile image in the optimal resolution evaluating the actual div size.

Add a "zoom in" and "zoom out" Button. When you "zoom in" you should resizing the grid and update "visible" cells only with the image with the optimize size. Then you must add event handler, which recognize mouse click and drag - you should scroll the grid, when other cells becomes visible, dynamically reload the image with the optimize size.

When you load a new image, it should smoothly blended over the old image.

On PC Browsers the zoom in must be done by resizing the grid and updating visible cells.

On mobile browsers (iPad, Android) the finger sprite and finger wipe must be recognized and visible cells must be updated correctly.

Of course, when al cells are loaded the hole image must be shown correctly.

While images are loading, show a "loading.." watermark.

We need all the sourcecode.

Thats all...

Thanks for your bid..

Færdigheder: .NET, C# Programmering, HTML, Javascript

Se mere: ajax image zoom, image zoom mobile web, segments lines, problem archive, handler android, file browser android, create use web, best web browser android, best browser android, best android web browser, best android browser, archive problem, android handler, android config file, android browsers, algorytms, ajax webserver, best web browsers, zoom, web mobile, simple evaluating website, pixel web, orig, optimize website mobile use, optimize mobile

Om arbejdsgiveren:
( 3 bedømmelser ) Brixen, Italy

Projekt-ID: #4057588

11 freelancere byder i gennemsnit €591 for dette job

otssols

Hi. We are a 10 year old professional IT software company. We would like to work on this project. Thanks.

€500 EUR in 20 dage
(4 bedømmelser)
6.3
orangelab

Hi there, Greetings! I've gone through your requirements to Optimized Image zoom on web and mobile Browsers with mentioned features and We fulfill your vision of getting the website built with the desired output Mere

€600 EUR in 16 dage
(10 bedømmelser)
5.8
zamoldar

I can handle this job very well,please check pm

€700 EUR in 20 dage
(5 bedømmelser)
4.9
precioussoftware

Hi, Thanks for sharing your insights with Precious Softwares. Our company background, current work and work reviews will make you sure about our experience, capability of project deliverance and quality. Kindly ch Mere

€600 EUR in 20 dage
(4 bedømmelser)
4.8
bistanil98

ready to start the project. I want to introduce our self, we are a group of freelancers have experience in web application development and design for different domain, please go through the attach portfolio for Mere

€750 EUR in 24 dage
(4 bedømmelser)
4.4
ritskc

Dear Sir / Madam, We have more than 10 years of experience in IT Field and more over We have handled projects in various domains such as Trading, Manufacturing, Health care Management. I was associated with top c Mere

€600 EUR in 15 dage
(2 bedømmelser)
4.1
SEOSEARCHTEAM

For more details please check PMB... Thanks

€533 EUR in 12 dage
(6 bedømmelser)
3.6
Reirono

Hello, I have had extended experience in high resolution imagery, in addition to having developed tiled image web viewers. Please refer to PM.

€525 EUR in 8 dage
(1 bedømmelse)
3.1
btslx

We are highly interested on your project. We read and understand your requirements as we have experienced mobile app on iPhone , Android , windows mobile , bb , web development as well as desktop development. Sen Mere

€550 EUR in 10 dage
(0 bedømmelser)
0.0
undefer

Hello! Your task really not complicate. It would faster&cheaper if you use PHP on the server. But for C# the cost is such. I really don't understand why other bidders want to get more.

€495 EUR in 14 dage
(0 bedømmelser)
0.0
cognitivlabs

We are experienced and highly skilled web and software app development. We have a dedicated team of developers and can provide you the best results. Please see PMB for detailed BID. Thanks and regards, Jawad Ash Mere

€749 EUR in 15 dage
(0 bedømmelser)
0.0
AshishPune

Dear Client, we guarantee job satisfaction and on time delivery with sustainable outcomes. Please see message box for details. Thanks.

€500 EUR in 20 dage
(0 bedømmelser)
0.0