73 lines
1.2 KiB
JavaScript
73 lines
1.2 KiB
JavaScript
|
/*
|
||
|
|
* Resize Image
|
||
|
|
*/
|
||
|
|
function resizeImage(id) {
|
||
|
|
jQuery('#' + id).css({
|
||
|
|
'position': 'absolute',
|
||
|
|
'top': '0px',
|
||
|
|
'left': '0px',
|
||
|
|
'width': '100%',
|
||
|
|
'height': '100%',
|
||
|
|
'z-index': -1,
|
||
|
|
'overflow': 'hidden'
|
||
|
|
});
|
||
|
|
var w = jQuery(window).width(),
|
||
|
|
h = jQuery(window).height(),
|
||
|
|
o = jQuery('#' + id).children('img'),
|
||
|
|
iW = o.width(),
|
||
|
|
iH = o.height();
|
||
|
|
o.css({
|
||
|
|
'display': 'block',
|
||
|
|
'opacity': 0
|
||
|
|
});
|
||
|
|
if (w > h) {
|
||
|
|
if (iW > iH) {
|
||
|
|
o.css({
|
||
|
|
'width': w
|
||
|
|
});
|
||
|
|
o.css({
|
||
|
|
'height': Math.round((iH / iW) * w)
|
||
|
|
});
|
||
|
|
var newIh = Math.round((iH / iW) * w);
|
||
|
|
if (newIh < h) {
|
||
|
|
o.css({
|
||
|
|
'height': h
|
||
|
|
});
|
||
|
|
o.css({
|
||
|
|
'width': Math.round((iW / iH) * h)
|
||
|
|
})
|
||
|
|
}
|
||
|
|
} else {
|
||
|
|
o.css({
|
||
|
|
'height': h
|
||
|
|
});
|
||
|
|
o.css({
|
||
|
|
'width': Math.round((iW / iH) * h)
|
||
|
|
})
|
||
|
|
}
|
||
|
|
} else {
|
||
|
|
o.css({
|
||
|
|
'height': h
|
||
|
|
});
|
||
|
|
o.css({
|
||
|
|
'width': Math.round((iW / iH) * h)
|
||
|
|
})
|
||
|
|
}
|
||
|
|
var newIW = o.width(),
|
||
|
|
newIH = o.height();
|
||
|
|
if (newIW > w) {
|
||
|
|
var l = (newIW - w) / 2;
|
||
|
|
o.css('margin-left', -l)
|
||
|
|
} else {
|
||
|
|
o.css('margin-left', 0)
|
||
|
|
}
|
||
|
|
if (newIH > h) {
|
||
|
|
var t = (newIH - h) / 2;
|
||
|
|
o.css('margin-top', -t)
|
||
|
|
} else {
|
||
|
|
o.css('margin-top', 0)
|
||
|
|
}
|
||
|
|
o.css({
|
||
|
|
'opacity': '1'
|
||
|
|
})
|
||
|
|
}
|