نسخة الكود كما يلي:
<div id = article> <img src = "/down/js/images/12498880470.jpg"/> </div>
<script type = "text/javaScript">
// قم بتوسيع الصورة إلى الحجم المناسب
وظائف تغيير الحجم ()
{
var myimg ، oldwidth ، oldheight ؛
var maxwidth = 550 ؛
var maxheight = 880
var imgs = document.getElementById ('article'). getElementsByTagname ('img') ؛
لـ (i = 0 ؛ i <imgs.length ؛ i ++) {
myimg = imgs [i] ؛
إذا (myimg.width> myimg.height)
{
إذا (myimg.width> maxwidth)
{
oldwidth = myimg.width ؛
myimg.height = myimg.height * (maxwidth/oldwidth) ؛
myimg.width = maxwidth ؛
}
}آخر{
إذا (myimg.height> maxheight)
{
Oldheight = myimg.hight ؛
myimg.width = myimg.width * (maxheight/oldheight) ؛
myimg.height = maxheight ؛
}
}
}
}
// قم بتوسيع الصورة إلى الحجم المناسب
إعادة الحجم () ؛
</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 هو الحد الأقصى للارتفاع.