Is it possible to progressively enhance image quality while zooming in safari mobile

Is there any JavaScript/jQuery plugin that can take large images and enhance the quality while zooming? something like google earth/maps?

I want to use it in mobile browser, but a desktop solution will do too

Answers


I don't know any plugin to do this, but it's quite easy in theory :

To know the zoom in mobile Safari, you only have to check this ratio : document.body.clientWidth / window.innerWidth.

Then, it's only a matter of choosing the right event to listen to (resize, or maybe a touch event), to check for this zoom level and to replace your img.


Need Your Help

How to pull content from another database into WordPress

php database wordpress

I am about to embark on something I have not yet done but I am assuming it is not that complicated to do.

How to render HTML template in textarea?

javascript jquery html css templates

I have a textarea and a resume/CV sample template on document.