title: Magento display multiple product images on details page
body: <p>I am uploading 2 images for each product. Only 2 no more, no less.<br>
  <a href="https://i.stack.imgur.com/dky3n.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/dky3n.png" alt="Product Images"></a>
  
  1st image is product base image and will be displayed on product details page.</p>
  
  <p>I am using following line to display this image:</p>
  
  <pre><code>$_img = '&lt;img src="'.$this-&gt;helper('catalog/image')-&gt;init($_product, 'image')-&gt;resize(180, 300).'" alt="'.$this-&gt;htmlEscape($this-&gt;getImageLabel()).'" title="'.$this-&gt;htmlEscape($this-&gt;getImageLabel()).'" /&gt;';
                  echo $_helper-&gt;productAttribute($_product, $_img, 'image');
  </code></pre>
  
  <p>I am able to display the above image correctly.</p>
  
  <p>Second image will be displayed in a pop up when a particular link is clicked. I do not want to display a gallery. Just want to display each image separately. </p>
  
  <p>I think I found a way to retrieve array of images uploaded:</p>
  
  <pre><code>$productData = $_product-&gt;getData();
  $secondImage = $productData['media_gallery']['images'][1];
  </code></pre>
  
  <p>Now, I am not sure how to display this image. I mean how to use helper, like I used for first image to make is display second image. 
  I've option to hardcode the complete path of image and use:</p>
  
  <pre><code>$secondImage['file']; 
  </code></pre>
  
  <p>to display the image etc, but, I want to know if there is way, I can do it magento way ?</p>