i has been posted a large picture in my forum ( about 2048px ) and it's doesn't display correctly. this large picture doesn't have any scroll, doesn't auto resize. . it's only display a Corner of this picture
i want to know how to sloved this
hope u understand, sorry for my bad english
thanks in advanced

Use this html image code to resize it:

Code:

<img src="LINK TO IMAGE" border="0" title="TITLE OF IMAGE" width="WIDTH IN PIXELS" height="HEIGHT IN PIXELS">

Thanks for your help. but i have some question:
if i only put width size, did it auto resize height size :|
and if my member post the lage pictures, i can't spend time to change one by one
because i see in some forum, when post a lagre picture, it's auto resize to a smaller and insert a bar "Click here to view full picture"
any sugestion

Already asked!
https://help.forumotion.com/manage-the-appearance-of-your-forum-f45/automatic-resize-of-the-images-t25750.htm?highlight=resize

Yes! that's work perfect
but insert a size bar are better than Right click and select "view image" to view Full picture.
size bar like this

I can get you the sidebar with an image and a 'click for a larger image' thing... just edit the info that's in caps:

Code:

<div style="width:200px;height:100px;border:1px solid gray;">
This box has a solid html border.

<table border="0" cellpadding="3" cellspacing="5" width="WIDTH OF THE IMAGE">
<tr><td><br /><font size="3">!!!</font></td> <td><a href="LINK TO IMAGE" target="_blank" title="Click here to view the full image.">Click here to view the full image. <br /></a></td></tr></div>
<tr>
<td><img src="LINK TO IMAGE" border="0" title="TITLE OF IMAGE" width="WIDTH OF IMAGE TO RESIZE IN PIXELS" height="HEIGHT OF IMAGE TO RESIZE IN PIXELS"></td></tr></table>

If you want me to edit the code out for you, you can just give me the link to the image you want to appear in the 'sidebar' and the resize width/height you want.

it's auto insert a sidebar or just edit manually.
if it automatic , how to use this code
thanks for your help

You can place the code as a widget.
If you could, can you give me the link to the image that you screenshotted above and the width/height you want the image to be resized to?

I have a code. but when i insert it in my forum, it replace the picture with banner Image has been resized

Code:

/*post body image-------------------------------------------------------------------*/
.postbody img{max-width:600px;}
.postbody img:hover{
max-width:1200px;
overflow:auto;
}
.postbody img:before {  content: ".";
  display: block;
  height: 30px;
width: auto; background: #FFFFCC url(http://i292.photobucket.com/albums/mm30/huylordno1/resizeimg.jpg) top left no-repeat;}

-=Wjz=- wrote:I have a code. but when i insert it in my forum, it replace the picture with banner Image has been resized

Code:

/*post body image-------------------------------------------------------------------*/
.postbody img{max-width:600px;}
.postbody img:hover{
max-width:1200px;
overflow:auto;
}
.postbody img:before {  content: ".";
  display: block;
  height: 30px;
width: auto; background: #FFFFCC url(http://i292.photobucket.com/albums/mm30/huylordno1/resizeimg.jpg) top left no-repeat;}

I've tested the code and it shows the image in original size on mouse-over which is quite comfortable but still needs some editing

maybe you can try this css code:

Code:

/*--Image-Resize-Begin*/
.postbody img{
max-width: 800px;
}
/*--Image-Resize-End*/

still need the "Enlarge Image" button

[GM]DoubleAgent wrote:still need the "Enlarge Image" button

Hello,

it should automatically appear.
If you have inserted any of these codes into your forum (CSS), please remove it and set it via the admin panel
Admin panel >> General ( Tab ) >> Messages & Email / Configuration > Image resize: Set & save.

Woooooooo, thanks ^^ That works perfectly ^^