รหัส JS ที่ปรับขนาดภาพลงในพื้นที่ที่ระบุโดยอัตโนมัติ (ป้องกันไม่ให้หน้าถูกทำลายโดยรูปภาพ)

การคัดลอกรหัสมีดังนี้:

<div id = บทความ> <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 = document.getElementById ('บทความ'). getElementsByTagname ('img');

สำหรับ (i = 0; i <imgs.length; i ++) {

myimg = imgs [i];

ถ้า (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 ();

</script>

มันหมายถึงการควบคุมขนาดของภาพในพื้นที่ที่กำหนดมิฉะนั้นรูปภาพโฆษณาขนาดใหญ่บางภาพก็จะเปลี่ยนรูปด้วย

รหัสควบคุมรูปภาพที่ใช้โดย wulin.com:

การคัดลอกรหัสมีดังนี้:

ฟังก์ชั่น controlimg (ele, w, h) {

var c = ele.getElementsByTagname ("IMG");

สำหรับ (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 คือความสูงสูงสุด