title: displaying image with dimensions using smarty template
body: <p>I am using smarty template to render a page on the fly; this is how I am assigning the variables in the php file:
  $imgsrc1, $imgsrc2, $imgsrc3 contains the location of the uploaded image files</p>
  
  <pre><code>$smarty-&gt;assign('foto1', $imgsrc1);
  $smarty-&gt;assign('foto2', $imgsrc2);
  $smarty-&gt;assign('foto3', $imgsrc3);
  </code></pre>
  
  <p>In the template file, I am using them in this way:</p>
  
  <pre><code>&lt;img src='{$foto1}' border='1' width="230" height="250"&gt;
  &lt;img src='{$foto2}' border='1' width="630" height="850"&gt;
  &lt;img src='{$foto3}' border='1' width="130" height="150"&gt;
  </code></pre>
  
  <p>I know this is NOT the ideal way to display images. This does the job; only that height and width are not taken; the native height and width is displayed. I guess I shoud use {html_image}, but I don't know how to assign and then use it to display in the template. </p>
  
  <p>Edited:
  Please note that it is not just the display of the images, I want to control their sizes. For example image1 must have a fixed size of 230 x 250 and image2 must have fixed size of 630 x 850 and image3 must have a fixed size of 130 x 150, irrespective of the original attributes of the uploaded files.</p>