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

[HuyLord]

First topic message reminder :

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:

[LyO]

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

Không phải em nghi ngờ anh ăn cắp nhưng thử vào 1 số trang VBB chỗ CSS kéo xuống 1 chút có đoạn gần giống hoặc là giống cái này

[HuyLord]

@ 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>

hình như sai code bạn à. Mình chèn thấy hiện hình ảnh gì đâu :106:

Không phải em nghi ngờ anh ăn cắp nhưng thử vào 1 số trang VBB chỗ CSS kéo xuống 1 chút có đoạn gần giống hoặc là giống cái này

Thuật toán anh dùng khác hoàn toàn VBB em à, VBB dùng cả php và JS( nhanh + gọn), còn anh dùng chắc JS ( dài + load chậm )
Mà em có phân biệt được Javascript và CSS ko vậy :106: Nhìn là đủ biết nó khác nhau hoàn toàn rồi Em thử trích 1 đoạn CSS mà em nói giống là biết liền à, he2 :\m/:

[HuyLord]

@ 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>

hình như sai code bạn à. Mình chèn thấy hiện hình ảnh gì đâu :106: Bạn kiểm tra lại nhé!

Không phải em nghi ngờ anh ăn cắp nhưng thử vào 1 số trang VBB chỗ CSS kéo xuống 1 chút có đoạn gần giống hoặc là giống cái này

Thuật toán anh dùng khác hoàn toàn VBB em à, VBB dùng cả php và JS( nhanh + gọn), còn anh dùng chắc JS ( dài + load chậm )
Mà em có phân biệt được Javascript và CSS ko vậy :106: Nhìn là đủ biết nó khác nhau hoàn toàn rồi Em thử trích 1 đoạn CSS mà em nói giống là biết liền à, he2 :\m/:

[LyO]

chắc là em nhầm lẫn chỉ thấy đoạn này thôi

Code:

<script type="text/javascript" src="clientscript/ncode_imageresizer.js"></script>
<style type="text/css">
<!--
table.ncode_imageresizer_warning {
   background: #FFFFE1;
   color: #000000;
   border: 1px solid #CCC;
   cursor: pointer;
}

table.ncode_imageresizer_warning td {
   font-size: 10px;
   vertical-align: middle;
   text-decoration: none;
}

table.ncode_imageresizer_warning td.td1 {
   padding: 5px;
}

table.ncode_imageresizer_warning td.td1 {
   padding: 2px;
}
-->
</style>
<script type="text/javascript">
<!--
NcodeImageResizer.MODE = 'enlarge';
NcodeImageResizer.MAXWIDTH = 640;
NcodeImageResizer.MAXHEIGHT = 0;

vbphrase['ncode_imageresizer_warning_small'] = 'Click this bar to view the full image.';
vbphrase['ncode_imageresizer_warning_filesize'] = 'This image has been resized. Click this bar to view the full image. The original image is sized %1$sx%2$s and weights %3$sKB.';
vbphrase['ncode_imageresizer_warning_no_filesize'] = 'This image has been resized. Click this bar to view the full image. The original image is sized %1$sx%2$s.';
vbphrase['ncode_imageresizer_warning_fullsize'] = 'Click this bar to view the small image.';
//-->
</script>

view trong http://vnpet.com/forum kéo xuống chỗ </style> là thấy đó

[ZzDarkzZ]

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

Code:

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 );
               }
            }
              } }
          }
    }

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:

Dài thế em không ngihx là chèn được xài code cũ thì hơn

[Combe]

Huy ơi , code dài thế này làm sao chèn đủ vào Mô Tả hã bạn ?

[Devil_nhok_x]

Huy ơi , code dài thế này làm sao chèn đủ vào Mô Tả hã bạn ?

Chèn vào footer hoặc header

[Devil_nhok_x]

Cái này ko lỗi. Khỗ cái là nó resize luôn cái banner. Banner cũng hiện text nữa

[HuyLord]

Cái này ko lỗi. Khỗ cái là nó resize luôn cái banner. Banner cũng hiện text nữa

Devil làm thêm bước này nữa là hết.
Sửa link banner tại

Code:

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

Huy ơi , code dài thế này làm sao chèn đủ vào Mô Tả hã bạn ?

Lưu thành 1 file JS rồi up lên host, vào mô tả chèn:

Code:

<script scr="link của JS"></script>

[kailord]

Forum em banner dc ghép từ nhiều hình nhỏ lại với nhau thì sao hả anh

[kailord]

hjc

[Sponsored content]