2014-04-16 31 views
0

我想爲我的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

+0

你有什麼問題? – Ally

+0

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

回答

0

首先,歡迎SO。

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

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

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

祝你好運。