Trường THPT Số 1 Mộ Đức

Diễn đàn trường THPT số 1 Mộ Đức
 
Trang ChínhCalendarGalleryTrợ giúpTìm kiếmThành viênNhómĐăng kýĐăng Nhập

Share | 
 

 Code resize ảnh trong forum (giống với VBB)

Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down 
Tác giảThông điệp
Helios
Administator
Administator
avatar

Tổng số bài gửi : 972
Reputation : 61
20/07/1991
Join date : 04/10/2009
Age : 27
Đến từ : HCMUS - cntt
MD1coin : 1798

Bài gửiTiêu đề: Code resize ảnh trong forum (giống với VBB)   Sun Jun 13, 2010 1:43 pm

Chèn đoạn mã sau vào view_topic_body:

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

      var maxWidth = 600;
                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://c.upanh.com/upload/8/75/CS0.12312992_1_1.png" )
 {
            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 hình để xem 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 = '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>

Sửa link ảnh cho phù hợp với banner của forum ! :hay_hay:

Nguồn: Chinh Phục


Xin chào Khách viếng thăm big grin
Đừng tự kiêu vì ta nhà nghèo học giỏi
Mà hãy tự hỏi vì sao ta học giỏi mà vẫn nghèo big grin
Về Đầu Trang Go down
https://www.facebook.com/profile.php?id=100000140091173&amp;a
Kang Ta
Gà con
Gà con
avatar

Tổng số bài gửi : 1
Reputation : 0
01/01/1990
Join date : 19/07/2010
Age : 28
Đến từ : No Name
MD1coin : 1

Bài gửiTiêu đề: Re: Code resize ảnh trong forum (giống với VBB)   Mon Jul 19, 2010 5:29 pm

Thanks !
Về Đầu Trang Go down
 

Code resize ảnh trong forum (giống với VBB)

Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang 
Trang 1 trong tổng số 1 trang

Permissions in this forum:Bạn không có quyền trả lời bài viết
Trường THPT Số 1 Mộ Đức :: CUỘC SỐNG QUANH TA  :: 
Thế Giơí Công Nghệ Thông Tin
 :: Chinh phục Forumotion :: Chia sẽ thủ thuật Forumotion
-
Chuyển đến 
Múi giờ GMT +7.
Powered by Forumotion® Version phpBB2
Copyright ©2009 - 2010, Skin by SLOL, SKIN4U & DDTH
Diễn đàn trường THPT số 1 Mộ Đức - Huyện Mộ Đức - Tỉnh Quảng Ngãi. Điện thoại: 055.3857256 .
MoDuc1.com là diễn đàn mở, nội dung do các thành viên đưa lên.Truy cập, sử dụng website này nghĩa là bạn đã chấp nhận Quy định của diễn đàn.

Free forum | © phpBB | Free forum support | Liên hệ | Report an abuse | Have a free blog with Sosblog