Pull the first image from a Tumblr photoset?

Question

I\'m designing a theme for a wedding photographer who wants to use Tumblr\'s Photoset functionality to create a portfolio site.

How do I pull the first image from a phot

Answer 1

Tumblr markup:

{block:Photoset}
    

    {block:Photos}
        
    {/block:Photos}
    
{/block:Photoset}

Note: may be you need {PhotoURL-75sq} to output square preview instead of 500px image;

CSS:

.photoset-wrap img { display: none; }
.photoset-wrap img:first-child { display: block; }