Javascript Resize After Image. Image style width 50 image style height auto this will ensure that its aspect ratio remains the same. Render blocking of the parent page.
Bear in mind that browsers tend to suck at resizing images nicely you ll probably find that your resized image looks horrible. I d like to start a discussion about the image resizing using jquery. Max width for the image var maxheight 100.
Is there any possible methods to do it.
However it appears that if the person manually resizes their browser windows by dragging the window edge to make it larger smaller the resize event above fires multiple times. But i think i m far away from the solution. Bi linear uses 2x2 pixels to do the interpolation while bi cubic uses 4x4 so by doing it in steps you can get close to bi cubic result while using bi linear interpolation as seen in the resulting images. How to i call a function after the browser window resize completed so that the event only fires once.