[javadev69]

Hello everyone!

This is my first post and I look forward to working with you guys.

My question is, I have an image 1200PX in width, What i want to be able to do is take this image in a webpage and display the middle of it, cropping the left and right relative to the browser.

To make this more clear, If the browser window is resized to 800px in width, I want to only show the middle 800px of the image, however if the user maximizes the screen, it will then show all 1200px of the image in width (without distortion or actual real cropping)

I know this is doable, my example comes from

www.gs.com

where they do this beautifully with what seems to be a JS script to also have the image resize in motion.

Any help would be greatly appreciated.

Thanks!