Search code examples
javascripthtmlcsstumblr

Disable Tumblr photosets or change the size of them?


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!


Solution

  • 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 :)