Question

我试图为我的Tumblr页面实现一个非常基本的照片滑块。我有一些关于HTML和Tumblr编码的基本知识，都是自学成才的，现在一切都在膨胀。但是使用{Photoset}块实际上有点令人困惑。

我试图使用{Photos}块，使用ReallySimple滑块渲染photoset的每张照片，就像它们本身一样。 {PhotoURL-HiRes}等都来自Tumblr。这就是我到目前为止所拥有的：

JQuery的：

$(document).ready(function () {
    $('#slideshow-div').rsfSlideshow();
});

HTML：

<div id="slideshow-div">

<!-- 
Set up an initial slide -- this provides an image for users without JavaScript. 
Notice that we've also added the caption for the first slide.
-->
<div class="slide-container">
    <img src="{PhotoURL-HighRes}"
        {block:Caption}alt="{Caption}"{/block:caption}
        title="This is a caption for the first slide" />
    <span class="slide-caption">{block:Caption}{Caption}{/block:Caption}</span>
</div>

也有一些CSS。这是在{block：Photos} {/ block：Photos}之间呈现的。我做错了什么？

编辑：一张图片胜过千言万语，因此一个网页的价值必须达到一百万或者其他东西。这是我理解不良的结果lol：http://ko-51.tumblr.com/

这是指滑块的链接以及它应该如何运作：http://reallysimpleworks.com/slideshow

Answer 1

首先，欢迎来到SO。

这可能听起来更像是评论。但是将它放在评论框中要花很长时间。从您的问题来看，我们有很多想要帮助您的尽职调查。我们需要了解Tumblr如何呈现{block:Photos}，我们需要找出rsfSlideshow()的内容？

您应该查看浏览器控制台上的JavaScript日志，Mac上的Safari + Cmd + C.查看是否存在可能阻止脚本运行的明显错误。然后查看脚本的示例并查看其中的HTML，将其与Tumblr的渲染进行比较。然后匹配tag-to-tag。有些滑块需要<li>，有些滑块不需要。您是否错过了结束</div>？

如果一切都应该有效但是没有，请转到JSFiddle，粘贴所有脚本和呈现的HTML。回到这里，我们将能够看到出了什么问题并帮助你。

祝你好运。

真正简单的照片滑块与Tumblr

1 个答案: