Question

I have been able to make my photos large for single photo posts on my blog, http://blog.seans.ws, but Tumblr photosets limit me to a width of 500px

How can I either make the layout of photosets larger, or just diable the feature and display my photos in high-res one after the other? Here’s the photoset code:

             {block:Photoset}
                 <article>
                    <span class="break" style="padding-bottom: 19px;"></span>
                    {Photoset-500}
                    {block:Caption}
                        <p>{Caption}</p>
                    {/block:Caption}
                    <p></p>
                    <time>{TimeAgo}</time>
                </article>
            {/block:Photoset}

and here’s the single photo code, where I am able to make photos huge:

            {block:Photo}
                <article>
                    <span class="break"></span>
                    <img src="{PhotoURL-HighRes}" class="highres">
                    <p>{Caption}</p>
                    <time>{TimeAgo}</time>
                </article>
            {/block:Photo}

Thank you!

Answer 1

It’s really not necessary to use Javascript & the Tumblr API.

You can go through the Photos in each Photoset individually using the {block:Photos}.

Eg in your Example:

{block:Photoset}
     <article>
        <span class="break" style="padding-bottom: 19px;"></span>

        <!-- Go through each Photo in the Photoset -->
        {block:Photos}
            <img src="{PhotoURL-HighRes}" class="highres">
        {/block:Photos}

        {block:Caption}
            <p>{Caption}</p>
        {/block:Caption}
        <p></p>
        <time>{TimeAgo}</time>
    </article>
{/block:Photoset}

Remember, the Documentation is your friend 🙂