Helios Administator
Tổng số bài gửi : 972 Reputation : 61 20/07/1991 Join date : 04/10/2009 Age : 33 Đến từ : HCMUS - cntt MD1coin : 1798
| Tiê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 ! Nguồn: Chinh Phục |
|
Kang Ta Gà con
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
| Tiêu đề: Re: Code resize ảnh trong forum (giống với VBB) Mon Jul 19, 2010 5:29 pm | |
| |
|