Jump to content

Inline Image Resizing


Guest PU43X

Recommended Posts

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

Link to comment
Share on other sites

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!

Link to comment
Share on other sites

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.

Link to comment
Share on other sites

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. :)

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...