A jQuery plugin for resizing and scaling targeted images to their max width according to the image ratio, the browser size and some simple options
Every time a user resizes the browser, the images will resize with it, while retaining it's ratio.
The images can resize based on the width only, the height only, or both.
There's also the option to set images as a background image.
The plugin finds the width of the browser and the ratio of the image and then resizes it accordingly.
It's also integrated with Mike Alsup's Cycle plugin for fading from one image to another.
- Editable settings and their defaults:
- verticalOffset: 0
- horizontalOffset: 0,
- leftSpace: 0,
- topSpace: 0,
- rightSpace: 0,
- bottomSpace: 0,
- position: 'absolute',
- isBackground: false,
- zIndex: -10,
- maxFollows: 'both',
- verticalAlign: 'bottom',
- horizontalAlign: 'left',
- maxAtOrigImageSize: false,
- slideShow: false,
- slideDelay: 5, // In seconds
- slideShowTitle: true,
- loadingGif: 'images/loading.gif',
- loadingGifWidth: '32px',
- loadingGifHeight: '32px'
In a hurry? Add it to your Download Basket!
What's New in This Release:
- With jQuery removing $.browser Maximage now does it's own browser detection.