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