Resize lại hình

[vutoan]

Các bác cho em hỏi cách resize lại hình, em đã đọc một bài về vấn đề này nhưng các bác ấy viết không rành mạch lắm nên em hỏi lại
Mong các bác giúp đỡ!

[angel_friendship]

Chèn code này vô view_topic_body

Code:

<script>window.onload = function resizeImagesForumotion()
{
          if (document.images.length > 0)
          {

      var maxWidth =500;
                var imgHeight;
                var imgWidth;
                for (var i = 0; i < document.images.length; i++)
              {
                        imgWidth = document.images[i].width;
                        imgHeight = document.images[i].height;
          if (document.images[i].width > maxWidth && document.images[i].src != "http://i81.servimg.com/u/f81/14/01/69/16/banner14.jpg")  {
            image = new Image();
                                image = document.images[i];

            newImage = image.cloneNode( true )  ;

                                newImage.origHeight = image.height;
                              newImage.origWidth = image.width;


                              newImage.width = maxWidth ;

                                imgHeight = imgHeight / (imgWidth/ maxWidth );
                                newImage.height = imgHeight;
         
            newImage.style.cursor = 'pointer';


            if( image.outerHTML )
            {
                                    newImage.onclick = "var altHeight; var altWidth;  altHeight = this.height ; altWidth = this.width; this.width = this.origWidth;    this.height = this.origHeight; this.origWidth = altWidth; this.origHeight = altHeight;    ";
            } else {
                                    newImage.onclick = function () {
                  var altHeight;
                  var altWidth;
               
                  altHeight = this.height ;
                  altWidth = this.width;

                  this.width = this.origWidth;
                  this.height = this.origHeight;

                  this.origWidth = altWidth;
                  this.origHeight = altHeight;
              };
            }

       
 if( parentNode = image.parentNode )
            {
              textMessage = document.createTextNode(' Hình ảnh đã được thu nhỏ, click vào để xem với kích thước thật');

              elem = document.createElement("td");
              elem.setAttribute( "align", "center");
              elem.style.backgroundColor = '#FFFFCC';
              elem.style.color = '#000';
              elem.style.fontSize = '10pt';

              elem.appendChild( textMessage );
              elem.appendChild( document.createElement("br"));
              elem.appendChild( newImage );
               
           
              tableRow = document.createElement("tr");
              tableRow.appendChild(elem);
           
              TableElem = document.createElement("table");
              TableElem.setAttribute( "border", "0");
              TableElem.appendChild( tableRow );

              frag = document.createElement("div");
              frag.appendChild( TableElem );

              if( image.outerHTML )
              {
                  image.outerHTML = frag.innerHTML;
              } else {
                  parentNode.replaceChild( TableElem, image );
              }
            }
              } }
          }
    } </script>


[vutoan]

cảm ơn!
Nhưng nó resize luôn ca banner! có cách nào khắc phục không?

[[=,=]]

thay link nảy 'https://i.servimg.com/u/f81/14/01/69/16/banner14.jpg' thành link banner của bạn

[kimkibum]

Cho cái này vào CSS có phải nhanh hơn không

Code:

/*post body image-------------------------------------------------------------------*/
.postbody img{max-width:550px;}
.postbody img:hover{
max-width:800px;
overflow:auto;
}
.postbody img:before { content: ".";
display: block;
height: 30px;
width: auto;
}

[Sponsored content]