[mẹo vặt] Sử dụng code Resize ảnh mà ko làm resize banner

[khanhhai]

Tham gia diễn đàn đã lâu, đây là lần đầu tiên mình tạo một topic chia sẽ mẹo vặt...
Cám ơn chinh phuc nhiều lắm .. từ ngày làm quen với Forumotion.. nhờ có chinhphuc mà tay nghề mình nâng cao nhiều lắm... Tuy vẫn chưa thành thục ji nhiều nhưng cũng tạm dc

Mình xin chia sẽ một thủ thuật resize ảnh mà ko làm resize banner

Code resize ảnh (của ai đó trên diễn đàn)

Code:



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

      var maxWidth = 750;
                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://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>



Code này có nhược điểm là nó sẽ resize lun cái banner hoặc footer nếu đó là file ảnh..
Mình xin hướng dẫn các bạn chèn banner hoặc footer là ảnh theo kiều flash.. nó sẽ khắc phục lỗi trên

Code:

<embed src="Link ảnh" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer"
type="application/x-shockwave-flash" width="937" height="164" align="middle" ></center>

chắc nhiều bạn cũng biết mẹo này rồi... có j mình post trùng thì mod thông cảm del dùm nhan ...
tài hèn sức mọn ko kiếm cái nổi cái j để post

demo: http://cnttdhsupham.forumotion.com/forum-f20/topic-t611.htm

Mong mọi người giúp đỡ thêm

[Việt]

Huylord chia sẻ 1 lần cũng khá lâu.
Gần đây bác tranvudangvt(Devil_nhox) gì đấy cũng post lại script này ở một bài khác rồi ...
mà code này y hệt của tranvudangvt ..

[fs_ts]

1 cách rất nhanh:
~>
tìm:

Code:

 for (var i = 0; i < document.images.length; i++)

thay bằng:

Code:

 for (var i = 1; i < document.images.length; i++)

dù sao cung cảm ơn bạn đã chia sẻ

[Yummiah]

Ơ ! Chi mệt vậy ! Chẳng phải forum đã có Resize ảnh sẳng sao ???
Messages -> Cấu hình diễn đàn ->Images resize :
WIdth và High tuỳ chĩnh ???

[Mr.FR]

code resize ảnh của forummotion có nhược điểm load ảnh hết mới hiện nên rất chậm !
còn một cách nữa là ảnh foot với banner cho vào trong CSS ấy! Forum mình dùng cách ấy !

[Devil_nhok_x]

xài banner bằng CSS ko khỏe hay soa mà phải làm cai này chi cho năng vậy man =.=!

[kanta68]

cái này post vào đâu?

[Sponsored content]