真的很簡單的照片滑塊與Tumblr

我想爲我的Tumblr頁面實現一個非常基本的照片滑塊。我有一些關於HTML和Tumblr編碼的基本知識，所有這些都是自學的，直到現在，一切都已經膨脹起來。但與{Photoset}塊合作被證明有點令人困惑。真的很簡單的照片滑塊與Tumblr

我正在嘗試使用{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}之間呈現的。我究竟做錯了什麼？

編輯：一張圖片勝過千言萬語，所以一個網頁必須值得像百萬或東西。下面是我可憐的理解笑結果：http://ko-51.tumblr.com/

下面是滑塊一個鏈接，它應該如何發揮作用：http://reallysimpleworks.com/slideshow

來源

2014-04-16 Matthew

你有什麼問題？ – Ally

嗨，夥計，檢查我剛剛發佈的鏈接。 – Matthew

首先，歡迎SO。

這聽起來更像是評論。但是將其放入評論框非常長。從你的問題來看，我們有很多盡職調查來幫助你。我們需要了解Tumblr如何呈現{block:Photos}，我們需要找出rsfSlideshow()是什麼？

您應該查看瀏覽器控制檯上的JavaScript日誌，在Mac的Safari上使用Opt + Cmd + C。看看是否有一些明顯的錯誤可能會阻止腳本運行。然後看看腳本的例子，看看那裏的HTML，將它與Tumblr的渲染進行比較。然後將其與標籤對標籤進行匹配。一些滑塊需要<li>，有些則不需要。你錯過了關閉</div>？

當一切都應該工作，但沒有，去JSFiddle，粘貼所有腳本和呈現的HTML。回到這裏，我們將能夠看到出了什麼問題，並幫助你。

祝你好運。

來源

2014-04-16 15:28:10 soemarko

真的很簡單的照片滑塊與Tumblr

回答

相關問題