Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
I need to develop image zoom-in functionality with JavaScript and HTML5.
Which strategy will be better –
Take a single image and apply the zoom level – Can we download image for higher zoom level – 4x and on-load of a page show images in 1x.
By this approach does image will get distorted specially if it has lots of text?
Different images for different zoom level – this will surely increase the page load time, would like to avoid this.
I would suggest go with the first option.
If the image is of good resolution, The text wont distort. Use a PNG or if possible go for an SVG.
In your second option, the zoom effect wont be smooth as you will only have different images at different level.
Even if you dont need it to be that smooth but to avoid time to load image on zoom effect , you should load all the images before the zoom can be done.
But in that case it will be lighter to have one heavy image loaded once and being zoomed smoothly than having multiple images off different size.