troubleshooting Question

How to chop and resize the images together when loading the images in the browser?

Avatar of heyday2004
heyday2004 asked on
HTML
5 Comments4 Solutions249 ViewsLast Modified:
I have an E-Commerce application that has a lot of images to be loaded dynamically on the website. Currently, if i just want to display a certain portion of the images (resized to the required size from the original size to fit in the browser), I have to do it manually every time and save those images in the hard drive to use it in the program.

Is there any way in HTML that can resize (say, shrink the image to half of the original size) and display a certain portion of the resized image (say, the left 50% of the resized image) in the same time? I know I can do each of the two tasks in HTML, but I can't find a way to do it both in one time. I think this should be quite a common problem for the big e-commerce website with a lot of images to be resized and sliced as required dynamically when loaded in the browser. Any hint of the solution will really be appreciated. Thanks a lot for the help!
Join the community to see this answer!
Join our exclusive community to see this answer & millions of others.
Unlock 4 Answers and 5 Comments.
Join the Community
Learn from the best

Network and collaborate with thousands of CTOs, CISOs, and IT Pros rooting for you and your success.

Andrew Hancock - VMware vExpert
See if this solution works for you by signing up for a 7 day free trial.
Unlock 4 Answers and 5 Comments.
Try for 7 days

”The time we save is the biggest benefit of E-E to our team. What could take multiple guys 2 hours or more each to find is accessed in around 15 minutes on Experts Exchange.

-Mike Kapnisakis, Warner Bros