Chopped Photos

RSaddlemire wrote:

What has caused the photos in this thread to become chopped? http://www.finescale.com/FSM/CS/forums/8/469883/ShowPost.aspx#469883 Richard

Is it like you're only seeing the top left corner of the photo or a part of the entire left side?  Are you still able to click on the image to view the full size?

A couple of days ago, I replaced the initial javascript I had used on the new forums with a newer version of the script I used on the old forums.  As part of the update, I also added a stylesheet setting to keep the images from pushing out the right side of messages while they were loading -- which is why you're only seeing part of it.  In most cases, when the image loads, it should resize itself to fit within that area.

Hope I didn't lose you in that last paragraph. 
 

Yes David, I think I do understand what you have done.  The photos will show fully if clicked upon but they did not resize when posted.  What should I do to prevent this from happening again?  All my photos are sized to be 680 or less using Irfanview before they are readied for moving to the forum.  There was never a problem before you updated to the new forum so now I need to know how to work with what seems to be a great change in the Fine Scale Web Site.  Thanks for the assistance.

 

Regards,

Richard

The images are inside of a <div> tag which has the following CSS defined:
div.inlinepostimage {width:350px;overflow:hidden;}

Basically limits the width to 350px and anything over that is hidden. 

There's a javascript  function on the image which is supposed to execute when the image loads and another when the page loads (as a backup).  Basically for inline images, the dimensions should resize dynamically to be no more than 350px in height or width.

I honestly wouldn't change how you're doing your images.  They're fine.  It's an issue with individual browsers and how it's being displayed.  It's affecting some browsers, but not all.  It might be a minor modification to the javascript I need to make.