Mod resize image chuẩn nhất ( giống VBB luôn nà )

[HuyLord]

Chèn vào QLTT\Mô tả:

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://upanh.com/uploads/19-July-2009/ywt3tpwbxblkio5pc57h.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('This Image has been resized. Click the image to view full size. ');

               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>

xong:-bd
Sửa link banner tại

Code:

http://upanh.com/uploads/19-July-2009/ywt3tpwbxblkio5pc57h.jpg

Demo:
http://share4all123.withme.us/garbage-f17/test-resize-img-t11.htm

Có lỗi kĩ thuật gì thì báo cho mình nha. :-D:

[ZzDarkzZ]

Có cần bỏ cái resize cũ đi ko anh?

[HuyLord]

Uh`. Bỏ cái resize bằng CSS đi rồi mới dùng cái này.

[Exterminator]

Có cách nào chỉnh lại file js để sau khi mình click hình to ra, thì dòng chữ sẽ hiển thị : "Click vào đây thể thu nhỏ" được không?

[HuyLord]

Huy chưa thử nhưng có lẽ được. Nothing is impossible :-D:

[ZzDarkzZ]

Có cách nào chỉnh lại file js để sau khi mình click hình to ra, thì dòng chữ sẽ hiển thị : "Click vào đây thể thu nhỏ" được không?

Code:

textMessage = document.createTextNode('This Image has been resized. Click the image to view full size. ');


Fix lại chỗ này .Còn tự tìm hiểu nhé

[HuyLord]

Có cách nào chỉnh lại file js để sau khi mình click hình to ra, thì dòng chữ sẽ hiển thị : "Click vào đây thể thu nhỏ" được không?

Code:

textMessage = document.createTextNode('This Image has been resized. Click the image to view full size. ');


Fix lại chỗ này .Còn tự tìm hiểu nhé

Nhưng ý anh EX là khi click to ra sẽ thay đổi dòng trên thành "Click vào đây thể thu nhỏ" cơ.

[Exterminator]

Có cách nào chỉnh lại file js để sau khi mình click hình to ra, thì dòng chữ sẽ hiển thị : "Click vào đây thể thu nhỏ" được không?

Code:

textMessage = document.createTextNode('This Image has been resized. Click the image to view full size. ');


Fix lại chỗ này .Còn tự tìm hiểu nhé

Đã lục nó ra nãy giờ, nhưng chẳng biết thêm như thế nào cả. Mà nó là dòng text mặc định lúc ban đầu mà.
Mọi người làm thử xem.

[HuyLord]

textMessage = document.createTextNode('This Image has been resized. Click the image to view full size. ');

Anh sửa chữ bôi đậm save thành 1 file Js, sau đó up lên host.

[LyO]

cái này em thấy có trong CSS của VBB mà

[•Keily•]

mình thấy ko ổn rồi, nếu đặt vào miêu tả thì nó resize cả banner thì sao?

[Exterminator]

Hình như đặt vào mô tả thì đâu có dính tới banner, mà của mình là banner dạng html chưa chắc nữa.

Huy làm giúp mình cái file js với được không Huy! cảm ơn Huy nhiều luôn. Nếu được thì cho mình xin nick Y!M của Huy với nhé!

[•Keily•]

mình thử rồi, nó resize luôn cái banner của mình mới ác chứ ...

[Exterminator]

Vậy copy script đó, vào viewtopic_body, chèn vào trên cùng là ok, nói là trên cùng nhưng bạn phải biết chèn đúng chỗ nhé!

[•Keily•]

Trên cùg mà chỗ nào cơ ~_~ đã chỉ thì chỉ cho trót đi bạn

[Exterminator]

À chèn trên cùng luôn đó bạn. Mình thử rồi! Do mình nghĩ mỗi forum phần viewtopic body do mỗi admin thêm code vào rất nhiều, nên tùy mỗi forum mà thêm mỗi chỗ . Nhưng bạn cứ chèn trên cùng hết ấy!

[Hieu]

Cảm ơn bạn đã có bài viết hay như vậy cảm ơn nhiều nhaz

[•Keily•]

chèn lên trên cùng nó cũng resize cái ban của mình ... làm sao cho nó đừng resize cái ban ấy ...

[Exterminator]

Vậy thử nư vầy nhé :

Vào viewtopic_body, tìm {postrow.displayed.MESSAGE}, chèn phía trên nó ấy!

[•Keily•]

nó cũng vậy thôi bạn ơi, cũng resize cái banner của mình à ... sao kì thế ???

[Exterminator]

Chết! Quên mất! Nó là dạng script, nên chèn vào đâu thì file js đều có hiệu lực cho toàn trang hết. Theo mình thì chắc bạn cũng nên làm 1 cái banner dạng html giống mình xem sao : http://khoahoctunhien.2forum.biz

[•Keily•]

Banner dạng ấy cũng hay, nhưng mình không biết làm ... chán ...

[Exterminator]

search trong forum có dya961 bạn. Mục html hặoc search với từ khóa, làm banner dạng 1 trang html nội dung tùy ý

[HuyLord]

cái này em thấy có trong CSS của VBB mà

LyO nghi ngờ anh ăn cắp à. :;-)): Cho anh xem js em nói là giống xem.

mình thấy ko ổn rồi, nếu đặt vào miêu tả thì nó resize cả banner thì sao?

Cảm ơn bạn góp ý. Đúng là mình đã không nghĩ đến trg hợp này, mình đã sửa code rồi bạn. :-D:

[•Keily•]

bạn Huy ơi, nếu dùng cái trên mà chèn vào mô tả thì ko đủ chỗ chèn hết được ~_~ ... với lại mình đang dùg banner bằg css (cái code mà mỗi lần rêfesh nó đổi sag hình khác đó), vậy thay banner theo kỉu trên là mất cái css của mình à? (sr, mình ngu mấy cái này l' ... xl~ trc' nha)!

[•Keily•]

xl~, cho e xin lại cái code ban đầu đi

[HuyLord]

xl~, cho e xin lại cái code ban đầu đi

bạn chờ tí nhé, mình đang vào forum bạn để xem banner.

[Exterminator]

View source là ra thôi :

Code:

<script src=http://spacedisks.comze.com/modresizeimg.js></script>

[HuyLord]

bạn Huy ơi, nếu dùng cái trên mà chèn vào mô tả thì ko đủ chỗ chèn hết được ~_~ ... với lại mình đang dùg banner bằg css (cái code mà mỗi lần rêfesh nó đổi sag hình khác đó), vậy thay banner theo kỉu trên là mất cái css của mình à? (sr, mình ngu mấy cái này l' ... xl~ trc' nha)!

Banner bằng flash của bạn không bị js này ảnh hưởng đâu, bạn yên tâm.

vậy thay banner theo kỉu trên là mất cái css của mình à?

link banner mà mình nói chèn vào js là link để code nhận ra nó là banner, nó sẽ không resize ảnh đó và bạn có thể chèn banner như bt thôi. :-D:

[•Keily•]

@ Huy: cái ban Flash là mình mới thay đó, chứ cái code bạn mới edit mình ko biết chèn vào đâu hết á ...

code cũ của mình nè
Nếu mình muốn sử dụng lại code cũ thì chèn vào đâu?

<center><table border="1" width="900" cellpadding="0" cellspacing="0" align="center">
<tr>
<td align="left"><a href="http://dcvn.8forum.net/forum.htm">
<SCRIPT LANGUAGE="Javascript">

<!--
function banner() {
};
banner = new banner();
number = 0;
// bannerArray
banner[number++] = &quot;<center><img src='https://2img.net/h/i263.photobucket.com/albums/ii125/alia_thesmallfairy/dcvnhmmcopy.png' border='0' width='900'></center></a>&quot;
banner[number++] = &quot;<center><img src='https://2img.net/h/i139.photobucket.com/albums/q294/Bloom_Aizawa/hj-1.jpg' border='0' width='900' height='650'></center></a>&quot;
banner[number++] = &quot;<center><img src='https://2img.net/h/i216.photobucket.com/albums/cc20/haritaku/Untitled-1-15.jpg' border='0' width='900' height='650'></center></a>&quot;
banner[number++] = &quot;<center><img src='https://2img.net/h/i532.photobucket.com/albums/ee324/p3_hanah_kutie/HTMT.jpg' border='0' width='900' height='650'></center></a>&quot;
banner[number++] = &quot;<center><img src='https://2img.net/h/i139.photobucket.com/albums/q294/Bloom_Aizawa/Untitled-1-59.jpg' border='0' width='900' height='650'></center></a>&quot;
banner[number++] = &quot;<center><img src='https://2img.net/h/i216.photobucket.com/albums/cc20/haritaku/AshelyTisdale.jpg' border='0' width='900' height='650'></center></a>&quot;
banner[number++] = &quot;<center><img src='https://2img.net/h/i139.photobucket.com/albums/q294/Bloom_Aizawa/74229_High_School_Musical_3_Senior_.jpg' border='0' width='900' height='650'></center></a>&quot;
increment = Math.floor(Math.random() * number);
document.write(banner[increment]);
//--></SCRIPT>

[Sponsored content]