从 Tumblr photoset 中提取第一张图片? [英] Pull the first image from a Tumblr photoset?

问题描述

我正在为想要使用 Tumblr 的 Photoset 功能创建作品集网站的婚礼摄影师设计一个主题.

如何从 photoset 中提取第一张图像，以便我可以创建一个主页，其中包含链接到每个 set 的单个缩略图预览(大小根据我的选择)?

谢谢，帕里

解决方案

Tumblr 标记:

{block:Photoset}<div class="photoset-wrap">{块:照片}<img src="{PhotoURL-500}"/>{/块:照片}

{/block:Photoset}

注意:可能需要 {PhotoURL-75sq} 输出方形预览而不是 500px 图像；

CSS:

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

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 photoset so I can create a home page with a single thumbnail preview (sized to my choosing) that links to each set?

Thanks, Parri

解决方案

Tumblr markup:

{block:Photoset}
    <div class="photoset-wrap">
    {block:Photos}
        <img src="{PhotoURL-500}" />
    {/block:Photos}
    </div>
{/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; }

这篇关于从 Tumblr photoset 中提取第一张图片?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！