Photosets not loading Tumblr lightbox on blog

787 views
Skip to first unread message

MugenTD

unread,
Apr 10, 2013, 12:27:32 PM4/10/13
to tumblr...@googlegroups.com
Hi guys.

My issue at the moment is that using Tumblr's mark up for photosets means that they don't become clickable and load into the default lightbox.

When I previously used Tumblr's default Photoset block embed code, i.e:

{Photoset-700}
{Photoset-500}
{Photoset-400}
{Photoset-250}
 
They would load into a lightbox but when I switched to having a {block: Photoset} and then loading each image in the photoset with {block: Photos} they aren't clickable hyperlinks that trigger the Lightbox.

To see what I mean, you can head over to dantou.tumblr.com and look at the third post down. At the moment all the images are just static.

The code block for photosets in my theme is:

 {block:Photoset}
            <div id="entry">
            
                {block:Photos}
                        {LinkOpenTag}
                <img src="{PhotoURL-HighRes}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" alt="{PhotoAlt}" style="margin-top: 5px;"/>
                      {LinkCloseTag}
                      {/block:Photos}
{/block:Photoset}

Is there anyway I can edit this so that the images in photosets click-through into the lightbox?

Andrew James

unread,
Jun 7, 2013, 8:50:11 PM6/7/13
to tumblr...@googlegroups.com
From my understanding, if you want the functionality of Tumblr's default lightbox, you'll have to use the {Photoset-700} etc. code. 

The reason you're not getting the lightbox functionality now is because you're using the {block: Photoset} and {block: Photos} which will separately render each photo in a photoset, and disable the lightbox.  

Best,
Andrew
Reply all
Reply to author
Forward
0 new messages