ImageViewportResizer tries to resize the images to fit viewport of the browser. Add GET parameters to display image resized to your preference.

image

Image URL to display.

fit

Describe how to fit the image. Value: width, height. Defaults to width.

scale

Scaling augmentation of the image in addition to image resizing done by fit parameter. Defaults to 1.

background

Color of the background (if the image doesn't cover the entire viewport. Defaults to white. It accepts HTML color codes and names. Note that you need to URL escape RGB codes like #566D7E as %23566D7E.

Examples:

• ?image=http://121clicks.com/wp-content/uploads/2012/04/portrait_eyes_23.jpg: Example of a narrow portrait image fitted to viewport width (default).
• ?image=http://121clicks.com/wp-content/uploads/2012/04/portrait_eyes_23.jpg&fit=height: Example of a narrow portrait image fitted to viewport height.
• ?image=http://121clicks.com/wp-content/uploads/2012/04/portrait_eyes_23.jpg&fit=height&scale=0.80: Example of a narrow portrait image fitted to viewport height and scaled down to 80%.
• ?image=http://121clicks.com/wp-content/uploads/2012/04/portrait_eyes_23.jpg&fit=height&scale=0.80&background=%23566D7E: Example of a narrow portrait image fitted to viewport height and scaled down to 80%.