title: How to find image width and height dynamically and specify height, width attibutes if over certain dimensions?
body: <p>I display some data on my website and one of the data feed elements is an image.</p>
  
  <pre><code>[title] =&gt; Product title
  [description] =&gt; some description
  [image] =&gt; www.some-domain.com/product-image/p12345.jpg
  </code></pre>
  
  <p>I then display this image using </p>
  
  <pre><code>&lt;img alt="product" src="&lt;?=$data['image']?&gt;" /&gt;
  </code></pre>
  
  <p>Most of the images are 80x80, 120x100 or other less than 150 in width, which perfectly fit in the website template, but some of them are quite large such as 800x600 which distort the layout. I want a control on these types.</p>
  
  <p>I tried to set WIDTH="150", but as the width vary they dont look good. I was thinking If I could set a fixed width to images, say, larger than 250px then I can live with it for now. 
  Any ideas how to achieve this?</p>
  
  <p>Thanks</p>