Take the 2-minute tour ×

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:

                  {if press_photo}
                    <div class="align_right image">
                        {press_photo limit='4'}
                            <img src="{url}" alt="{alt_text}" />

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?

share|improve this question
Been a while but I know channels can have an offset defined offset="1" or so. You think this is fun, wait till you have a loop within a loop. It's like that movie inception only worse. much much worse. –  Kai Qing Feb 28 '12 at 22:20

1 Answer 1

up vote 5 down vote accepted

You could have two loops one with limit="1" and another with limit="3" offset="1" but that won't be as efficient as using the {count} variable with something like this.

{if count == 1}
    do this
    do that
share|improve this answer

Your Answer


