cotonti.com : [img] change size? https://www.cotonti.com Last topic posts Cotonti en Wed, 15 Apr 2026 22:52:19 -0000 ez I have made solutions were image sizes are controlled by php and not by js...]]> Thu, 27 Jan 2011 16:04:50 -0000 Kort Wed, 26 Jan 2011 23:01:48 -0000 pieter 
	<script type="text/javascript"> 
		$(document).ready(function() {
			jQuery(function($) {
				$("a[href]").filter(function() {
					return /\.(jpg|png|gif)$/i.test(this.href);
				}).slimbox({}, null, function(el) {
					return (this == el) || (this.parentNode && (this.parentNode == el.parentNode));
				});
			});
			$(".scale").jScale({ls:"550px"})
 
		});
	</script>
]]> Wed, 26 Jan 2011 22:56:05 -0000 GHengeveld Wed, 26 Jan 2011 22:31:02 -0000 pieter change 
[img] in [ img ]

That's why my post and your first have a [ /img ] at the end.]]> Wed, 26 Jan 2011 19:50:33 -0000 w1ckd ]]> Wed, 26 Jan 2011 18:26:23 -0000 pieter
If you go to admin.php?m=bbcode
Search for [img]
In the column "Replacement" add inside the <img ...> a class:
eg class="resizeimage"

If got this:
<a href=https://www.cotonti.com/"$1"><img src="$2" alt="" class="resizeimage" /></a>

In css:
/*This is for Jquery*/
/* for understanding browsers */
.resizeimage   { max-width:250px;max-height:250px;}
/* for Internet Explorer */
/*\*/
* html .resizeimage{
border-width:1px solid #000000;
height: expression(this.height >= this.width && this.height > 250 ? '250px' : true);
width: expression(this.height < this.width && this.width > 250 ? '250px' : true);
}
[/img]]]> Wed, 26 Jan 2011 14:53:01 -0000 w1ckd I searched the whole forum as far as the searchresults go but with a negative result.

When a user add a image in the forum he enters it by [img]
However these images are always wider then my forum, so i always have that scrollbar.
How could i change the [img] tag to a limited size ex" 500px width?

It should be something with bbcode right? or is there a plugin?

Thank you in advanced :)[/img][/img]]]> Wed, 26 Jan 2011 05:12:13 -0000