2011-08-10, 02:11 PM
There is an awesome plugin by G33K called - Fit on page . You can use it if you don't want complicated methods (although this one is hell easy)
note: G33K's plugin resizes images only when fully loaded. This method does resize even when image isn't fully loaded
_______________________________________________________
1. Go to tempaltes & style and edit your theme
2. edit Showthread.css >> Edit Stylesheet: Advanced Mode
3. add the following code to the top and save
note: change max-width and max-height's value at both places to suit your needs
4. Now go configuration >> mycode >> add new mycode
and fill the following data -
Title : image
Regular Expression :
Save mycode
That was all! any image larger than defined sized will be resized and shown in smaller dimensions
note: G33K's plugin resizes images only when fully loaded. This method does resize even when image isn't fully loaded
_______________________________________________________
1. Go to tempaltes & style and edit your theme
2. edit Showthread.css >> Edit Stylesheet: Advanced Mode
3. add the following code to the top and save
.mainimage {
max-width: 500px;
max-height: 500px;
width: expression(this.width > 500 ? "500px" : true);
height: expression(this.height > 500 ? "500px" : true);
}
Screebshot of stylesheet: http://tinypic.com/r/34i2qso/7note: change max-width and max-height's value at both places to suit your needs
4. Now go configuration >> mycode >> add new mycode
and fill the following data -
Title : image
Regular Expression :
\[img\](.*?)\[/img\]
replacement : <a href="$1"><img class="mainimage" src="$1"></img></a>
Parse order : 1Save mycode
That was all! any image larger than defined sized will be resized and shown in smaller dimensions