2012-02-22 100 views
0

jQuery Slider我有一個工作的jQuery滑塊,但我必須添加一些功能來顯示縮略圖下的旋轉標題。我經歷了五次嘗試,沒有任何工作已經完成。如何使用與拇指相同的旋轉模式將「active」屬性添加到類「ctitle」中。任何大師都願意幫助我擴展對jQuery的理解?如何擴展jQuery滑塊的功能

我已經添加代碼到的jsfiddle http://jsfiddle.net/julianmiller/vJZEQ/(原諒它的草率,我只好拉出來一個專有的語言框架)

+0

我假設每個標題對圖像都是唯一的。它是否正確?如果是這樣,您需要確定正在播放哪個圖像,以確保它收到適當的標題。 – 2012-02-22 15:20:10

+0

這是正確的。每個圖像都有一個特定的標題調用,並且都是動態生成的。代碼本身只是代表那些調用,我需要在jQuery中添加「active」風格到動態標題,因爲相應的圖像被突出顯示。 – 2012-02-22 16:29:49

回答

1

我不知道我完全理解你的幻燈片/意圖。但是我認爲你想要做的是確定哪個幻燈片處於活動狀態,然後添加相應的標題。

function addCaption() { 


if($('.words li').hasClas('active')) { 
    $(this).html('<p>Your caption </p>'); 
} 


} 

現在,這將爲活動類的所有圖像添加相同的標題。如果你只想要帶有類標題的字幕,那麼你會將「active」改爲「ctitle」。

但是,如果您正在尋找基於哪個圖像被加載的字幕,那麼這有點複雜。在我試圖解決這個問題之前,我想知道你能否告訴我這一點。圖像是否動態加載?你知道有多少圖片嗎?或者這是全部硬編碼?

+0

哇。這已經幫了大忙。總會有4個圖像,它們將被動態加載。 – 2012-02-22 16:26:00

+0

你有權訪問這些圖像的數據庫嗎?如果你不介意我問的話,圖像來自哪裏。它們是否存儲在某個MYSQL表中?或者你在使用Flickr之類的東西嗎? – 2012-02-22 17:17:06

+0

它們是由CMS系統內部的標籤生成的。基本上

  • <%image:tag%>
  • 位於一個div的內部,所有jquery的作用就是渲染和旋轉活動狀態。 – 2012-02-22 17:24:49