title: Working with loops in Expression Engine Templates
body: <p>I have an area in my Expression engine site where I have a piece of content that contains a set of images. I'm trying to setup the template so that I can use a jQuery image gallery. I'm trying to get the first image to be normally sized, but each image after that, I'd like to use HTML to scale the image down. The problem is, using the Expression engine template "Loop", I can't figure out how to render the images separately. So, I have this:</p>
  
  <pre><code>                  {if press_photo}
                      &lt;div class="align_right image"&gt;
                          {press_photo limit='4'}
                              &lt;img src="{url}" alt="{alt_text}" /&gt;
                          {/press_photo}
                      &lt;/div&gt;
                    {/if}
  </code></pre>
  
  <p>With this, each photo is rendered the same. How can I have two loops where the first loop contains the first image, and the second loop contains the rest?</p>