Кода -копия выглядит следующим образом:
<div id = article> <img src = "/down/js/images/12498880470.jpg"/> </div>
<script type = "text/javascript">
// масштабируйте изображение до соответствующего размера
Function ResizeImage ()
{
var myimg, Oldwidth, Oldheight;
var maxwidth = 550;
var maxheight = 880
var imgs = document.getElementbyId ('article'). getElementsbytagname ('img');
for (i = 0; i <imgs.length; i ++) {
myimg = imgs [i];
if (myimg.width> myimg.height)
{
if (myimg.width> maxwidth)
{
OldWidth = myimg.width;
myimg.height = myimg.height * (maxwidth/oldwidth);
myimg.width = maxwidth;
}
}еще{
if (myimg.height> maxheight)
{
OldHeight = myIMG.Height;
myimg.width = myimg.width * (maxheight/oldheight);
myimg.height = maxheight;
}
}
}
}
// масштабируйте изображение до соответствующего размера
ResizeImage ();
</script>
Это означает управление размером изображения в указанной области, в противном случае некоторые более крупные рекламные изображения также деформируются.
Код управления изображениями, используемый wulin.com:
Кода -копия выглядит следующим образом:
функция ControlImg (Ele, W, H) {
var c = ele.getelementsbytagname ("img");
for (var i = 0; i <c.length; i ++) {
var w0 = c [i] .clientWidth, h0 = c [i] .clientHeight;
var t1 = w0/w, t2 = h0/h;
if (t1> 1 || t2> 1 || w0> = 600) {
c [i] .width = math.floor (w0/(t1> t2? T1: t2));
c [i] .height = math.floor (h0/(t1> t2? T1: t2));
if (document.all) {
c [i] .outerhtml = '<a href = "'+c [i] .src+'" target = "_ blank">'+c [i] .outerhtml+'</a>'
}
еще{
c [i] .title = "Open Picture в новом окне";
c [i] .onclick = function (e) {window.open (this.src)}
}
}
}
}
ELE - это указанная область, W - максимальная ширина, и она будет уменьшена, если она будет больше, чем эта. H - максимальная высота.