Image Resizing

Pirate Balloon · 10-15-2014, 08:56 PM

S. Goat can you please add some functionality to set the width/height of an image? Regardless of how big it is in the first place. It wouldn't have to use any server resources, just throw a width/height attribute in the img tag of the html?

ta

Space Goat · 10-17-2014, 11:40 AM

Unfortunately, this is not as easy as you would think.

The problem is that the bbcode format does not support "named" options. Every bbcode has a parameter (the value you wrap it around, i.e. the image url) and at most one option (the value you set inside the tag itself, i.e. [color="red"] or [thread=48426]). You would really need two options to make this sensible, one for width and one for height.

A better solution is to define a max-height and max-width style on all posted images, and then add a javascript event handler that toggles them to full size when clicked on.

What exactly do you need this for, and would the javascript resize solution I mentioned work for you?

Space Goat · 10-17-2014, 11:44 AM

Another solution I just thought of is to create a new "thumb" tag that takes an option value of 0-100, this being the percentage to scale the image by. That could probably work too.

Space Goat · 10-17-2014, 11:52 AM

LOL, just noticed I already added a thumb tag several years ago. Have you considered just using that? It doesn't have any sizing option. It just sets a max-height and max-width of 300px, then wraps it in a hyperlink.

Evil Ash · 10-17-2014, 03:56 PM

I think that's all we need.

Slime · 10-19-2014, 05:36 AM

nice!

Fish Taco · 10-21-2014, 12:05 AM

wwwoooowww this is the only reason i never post pics now solved uhh ohhhh

Gorosaurus · 10-21-2014, 05:45 PM

Haha 3dmm.com awards

We were so cute!

10-15-2014, 08:56 PM	#1
Pirate Balloon Senior Member Join Date: Dec 2003 Posts: 7,911	Image Resizing S. Goat can you please add some functionality to set the width/height of an image? Regardless of how big it is in the first place. It wouldn't have to use any server resources, just throw a width/height attribute in the img tag of the html? ta

10-17-2014, 03:56 PM	#5
Evil Ash Senior Member Join Date: Apr 2003 Posts: 15,534	I think that's all we need.
Evil Ash Senior Member Join Date: Apr 2003 Posts: 15,534

10-19-2014, 05:36 AM	#6
Slime Senior Member Join Date: Oct 2001 Posts: 24,891	nice!
Slime Senior Member Join Date: Oct 2001 Posts: 24,891

10-21-2014, 12:05 AM	#7
Fish Taco Senior Member Join Date: Aug 2002 Posts: 7,034	wwwoooowww this is the only reason i never post pics now solved uhh ohhhh
Fish Taco Senior Member Join Date: Aug 2002 Posts: 7,034

10-17-2014, 11:40 AM	#2
Space Goat Administrator Join Date: Sep 2001 Posts: 6,042	Unfortunately, this is not as easy as you would think. The problem is that the bbcode format does not support "named" options. Every bbcode has a parameter (the value you wrap it around, i.e. the image url) and at most one option (the value you set inside the tag itself, i.e. [color="red"] or [thread=48426]). You would really need two options to make this sensible, one for width and one for height. A better solution is to define a max-height and max-width style on all posted images, and then add a javascript event handler that toggles them to full size when clicked on. What exactly do you need this for, and would the javascript resize solution I mentioned work for you?

10-17-2014, 11:44 AM	#3
Space Goat Administrator Join Date: Sep 2001 Posts: 6,042	Another solution I just thought of is to create a new "thumb" tag that takes an option value of 0-100, this being the percentage to scale the image by. That could probably work too.

10-17-2014, 11:52 AM	#4
Space Goat Administrator Join Date: Sep 2001 Posts: 6,042	LOL, just noticed I already added a thumb tag several years ago. Have you considered just using that? It doesn't have any sizing option. It just sets a max-height and max-width of 300px, then wraps it in a hyperlink.

10-21-2014, 05:45 PM	#8
Gorosaurus Super Moderator Join Date: Jan 2002 Posts: 16,146	Haha 3dmm.com awards We were so cute!