識別Galleriffic中的活動圖像

昨天晚上的一個問題後，我正在將一個頁面重新加入到Galleriffic的範圍中，以便利用受控圖像加載。並且這樣做必須真正得到粗獷的感覺。識別Galleriffic中的活動圖像

我遇到了識別頁面上活動圖像的問題。我已經多次穿過插件的函數來哭泣。從字面上看，只需要找到一個可用的CSS選擇器，以便我可以製作一個變量並操縱該圖像。

奇怪的是，這個插件永遠不會將.current或.active類添加到正在顯示的圖像中。所以不幸的是，我必須手動執行此操作。

無論如何，我設立了一個jsFiddle來演示...所有幫助非常感謝！

@Evan說的是正確的。我已經設置了一個示例，您可以根據需要修改選擇器。請注意您的JavaScript控制檯。

望着文檔我看到這個事件：onSlideChange

onSlideChange: function(){ 
    console.log($('.image-wrapper').find('img')); 
}

2011-09-20 19:02:52 Jack

計劃使用該事件來運行其他依賴函數。即使如此 - 控制檯正在記錄圖像..但我無法簡單地向該圖像添加類。 http://jsfiddle.net/danielredwood/PHSrE/4/ – technopeasant

@technopeasant它的工作原理，並不是我們以爲會這樣。它實際上在將圖像類切換出來之前將其添加到圖像中。所以這個事件更像是一個「onSlideOut」事件。我嘗試過'onTransitionIn'，但它只是打破了插件... – Jack

jeesh，在這裏我走了。去解構它並拉出我需要的功能，所以我不必處理那個B.S.已經遇到了相當數量的它。謝謝你的幫助。雖然你的回答並不完全符合我的要求，但這是正確的，所以我接受了。 – technopeasant

頁面上沒有多個圖像。所以你只需要選擇唯一的圖像：

$("a.advance-link img")

2011-09-20 18:57:09 Evan

沒有bueno-在這裏看到： http://jsfiddle.net/danielredwood/PHSrE/3/ – technopeasant

你可以很容易地找到所選擇的縮略圖，如果這能幫助：

$("div#flipbook-thumbs li.selected img")

2013-05-01 07:09:54 naor

回答