2

所以我在我的 tumblr 主题上使用 stylehatch 的“Photoset-grids”插件没有错误！我有这样的设置：

<script>
    $(document).ready(function() {                
        $('.photoset-grid').photosetGrid({
            gutter: '5px',
            highresLinks: true,
        });
    });
</script>

我的照片集块的html是：

{block:Photoset}
    <div class="photoset-grid" data-layout="{PhotosetLayout}">
        {block:Photos}
            <img src="{PhotoURL-500}"/>
        {/block:Photos}
    </div>
    {block:Caption}
        {Caption}
    {/block:Caption}
{/block:Photoset}

效果很好！

当我添加 view.js 时，问题就开始了。你看，view.js 要求每个图像都包含在一个链接中，但是将图像包装在“photoset-grid”div 中会以某种方式阻止插件。

我将我的 html 更新为：

{block:Photoset}
    <div class="photoset-grid" data-layout="{PhotosetLayout}">
        {block:Photos}
            <a href="{PhotoURL-500}" class="view" rel="{PostID}">
                <img src="{PhotoURL-500}"/>
            </a>
        {/block:Photos}
    </div>
    {block:Caption}
        {Caption}
    {/block:Caption}
{/block:Photoset}

View.js 可以工作，但是网格都乱七八糟并且没有对齐。（我认为网格插件正在“photoset-grid”div 中查找图像，但仅查找链接或类似的东西）

知道我能做些什么来让它正常工作吗？这是我网站的现场演示：http: //test-theme-one.tumblr.com/

4

0 回答 0