코드 사본은 다음과 같습니다.
<div id = article> <img src = "/down/js/images/12498880470.jpg"/> </div>
<script type = "text/javaScript">
// 이미지를 적절한 크기로 확장합니다
함수 resizeImages ()
{
var myimg, Oldwidth, OldHeight;
var maxwidth = 550;
var maxheight = 880
var imgs = 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;
}
}
}
}
// 사진을 적절한 크기로 확장합니다
resizeImages ();
</스크립트>
지정된 영역에서 이미지의 크기를 제어하는 것을 의미하며, 그렇지 않으면 일부 더 큰 광고 이미지도 변형됩니다.
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 = "새 창에서의 사진 열기";
c [i] .onclick = function (e) {window.open (this.src)}
}
}
}
}
ELE는 지정된 영역이며 W는 최대 너비이며, 이보다 더 큰 경우 감소됩니다. H는 최대 높이입니다.