jQuery Supersized-將標題插入幻燈片項

Question

我使用的是超大jQuery，並希望將slide_caption插入每個幻燈片項目，因此字幕隨每個圖像“滑動”，而不是僅在頁面上閑逛。

通過將其添加到超大主題的init函數中，我可以很好地完成此任務：

if ($(vars.slide_caption).length){$('#supersized li').append($('.projectcaption'));}

然后將其添加到beforeAnimation函數中：

beforeAnimation : function(direction){ 
        // Update slide caption
        if ($(vars.slide_caption).length){
            (api.getField('title')) ? $(vars.slide_caption).html(api.getField('title')) : $(vars.slide_caption).html('');
        }    
    }

問題是當前幻燈片的標題變為下一張幻燈片的標題，而不是僅替換即將出現的標題。 這可能是因為我將類（.projectcaption）用作幻燈片標題，並且頁面上有多個，但必須是類而不是ID。

http://future.thefutureforward.com/~merrell/project-test.html

關於如何使幻燈片標題隨每張幻燈片一起滑出但不改變現有幻燈片標題的任何想法都將是驚人的！

Answer 1

因此，這不適用於超過三個圖像...關於如何編輯有任何想法嗎？

-

我最終要做的是使用“ setTimeout”將對前動畫的調用包裝在主超大型插件文件中。 然后，我根據需要添加了一個延遲，並對其進行了調整，直到恰好在正確的時間切換文本為止：

if(typeof theme != 'undefined' && typeof theme.beforeAnimation == "function")setTimeout(function(){theme.beforeAnimation('next')},80);

請記住，該文件在該文件中被調用了三次（一次是首次加載，一次是在單擊“下一步”時，一次是在單擊“上一步”時）。 這有點麻煩，並且需要根據幻燈片的速度對毫秒延遲進行一些調整，但是效果很好。

http://future.thefutureforward.com/~merrell/project-test.html