Inline Image Resizing

[PU43X]

I dont know if this feature has been suggested before, but i did make a search and couldnt find it, so here it is.

I have skinned my forum to a fixed width. And when a member links a picture within their post or signiture that is wider than the fixed width of the forum it scretches everything out!

Can you please incorperate a feature that checks each image linked and resize them to a predefined width? This would be really cool and keep things alot neater within the forums that are set are fixed widths!

Cheers for reading, and add your comments/support in a reply!

Gaz

[Rοb]

Yes i agree... this needs to be implemented.

I currently alter my profile skin to achieve a (poor) version of this so that all images are the same size....

[url=""$show_photo" target="_blank""]<img src="$show_photo" border="0" alt="Click to view full sized image" $show_width $show_height / width="280" height="280">[/url]

As you can see it also is a link so users can view the full sized photo in another window.

The problem is that unless the image happens to be square (or if it is smaller than 280x280) it will be distorted in profile view which isn't ideal.

Great suggestion, lets have this idea added!

[PU43X]

thanks for the support and line of code to have a temp work around until something is sorted!

Come on people, if you are reading this, add your support! this is a must have feature :)

[Antony]

If this could be done in such a way as to resize the images proportionatly, and being efficiant and not creating too much more work (CPU wise), then its a brilliant idea. Perhaps we could extend this to fluid skins to prevent vertical scrolling.

[Alaswad]

Agree, good suggestion :)

[PU43X]

would a staff member be able to comment on the likely hood on whether this feature will be feasable?

[Nash12]

Well you could do such a thing quite easily with JavaScript.

You make a function which is called on window.onload. This function gets all images with document.getElementsByTagName("img"). Then you use a for-loop to cycle through this array and check them if the current image is a) within a post (check for parent.className) and b) wider than you want it to be. If a) and b) are "true" then resize it and add an onclick event-handler which opens a new window with the photo in fullsize. Someone with JavaScript knowledge should get this done within a few minutes. :)