This plugin will resize and scale targeted images to their max width according to the image ratio, the browser size and some simple options. Change the size of your browser to see it's effect.
Download it (1.1.6) (direct link (1.1.7)), try it, let me know what you think. I have tested it and with a little massaging it works in IE7 & IE6.
These are the editable options with their defaults first:
$(function(){
jQuery('.maxImage').maxImage({
maxFollows:('both'|'height'|'width'),
verticalOffset:(0),
horizontalOffset:(0),
leftSpace:(0),
topSpace:(0),
rightSpace:(0),
bottomSpace:(0),
overflow:('hidden'|'auto') // [NOTE: setting to auto makes maxImage less accurate... use at your own risk],
position:('absolute'|'relative'),
isBackground:(false|true),
zIndex:(-10),
verticalAlign:('center'|top'|'bottom'),
horizontalAlign:('center'|'left'|'right'),
maxAtOrigImageSize:(false|true),
slideShow:(false|true),
slideDelay:(5),
slideShowTitle:(true|false),
loaderClass:('loader'),
resizeMsg({show:(true|false), location:(before|after), message:'Original [h]h [w]w'}),
onImageShow: function () {
alert('Background Image Loaded!')
}
});
});
Feel free to use it, but if you could comment and tell me if you are, that would be awesome. I wont do anything, I'm just interested in if it is being used and where/how. Thanks.