Trường THPT Số 1 Mộ Đức
Bạn có muốn phản ứng với tin nhắn này? Vui lòng đăng ký diễn đàn trong một vài cú nhấp chuột hoặc đăng nhập để tiếp tục.

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

Diễn đàn trường THPT số 1 Mộ Đức
 
Trang ChínhGalleryLatest imagesTìm kiế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
Helios

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

Code resize ảnh trong forum (giống với VBB) _
Bài gửiTiêu đề: Code resize ảnh trong forum (giống với VBB)   Code resize ảnh trong forum (giống với VBB) Icon_minitimeSun 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
Về Đầu Trang Go down
https://www.facebook.com/profile.php?id=100000140091173&amp;a
Kang Ta
Gà con
Gà con
Kang Ta

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

Code resize ảnh trong forum (giống với VBB) _
Bài gửiTiêu đề: Re: Code resize ảnh trong forum (giống với VBB)   Code resize ảnh trong forum (giống với VBB) Icon_minitimeMon 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 | Báo cáo lạm dụng | Thảo luận mới nhất