Cần hướng dẫn làm nhỏ hình của bài viết????

[pengocdl]

Mấy anh giúp em với.Có cách nào làm cái hình nó nhỏ đi theo kích thước mình đặt không
demo:http://csonline.forumvi.net/forum-f11/topic-t8.htm
Cái hình nó bự quá làm xấu forum >"<

[[M]r[K]id]

HÌnh đẹp mà có sao đâu
[You must be registered and logged in to see this image.] Hình Đấy Phải 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;
}

Cái đó chén vào CSS
Nó định dạng hình nhở lại chứ nó ko định dạng được cái hình to ra đâu nhé

[FFW_HA]

hình nào cơ

[T2Y]

Code:

<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.postbody', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->

Chèn cái đó vào viewtopic_body
Và bạn nhớ vào nesage& email , chỉnh sửa widgth và height

[[M]r[K]id]

Code:

<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.postbody', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->

Chèn cái đó vào viewtopic_body
Và bạn nhớ vào nesage& email , chỉnh sửa widgth và height

cái đó lấy lại kích thước thui chứ có thu nhỏ dau

[T2Y]

Code:



//$(resize_images({ 'selector' : '.postbody', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>



Chèn cái đó vào viewtopic_body
Và bạn nhớ vào nesage& email , chỉnh sửa widgth và height

cái đó lấy lại kích thước thui chứ có thu nhỏ dau

Nó thu nhỏ được mà em

[khanhhai]

chèn vào view-topicbody .. thành công 100%

Code:

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

      var maxWidth = 600;
                var imgHeight;
                var imgWidth;
                for (var i =1; 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://i222.photobucket.com/albums/dd155/tranvudangvt/0_129109001245386971.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(' Các bạn đang xem ảnh trên IT K35 Zone. Click để xem đúng kích thước ');

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

              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>

[Mr.FR]

search với từ khóa Resie ảnh mặc định của Forumotion !

[Sponsored content]