jQuery Supersized - 将标题插入幻灯片项目答案

【问题标题】：jQuery Supersized - Insert Caption into Slideshow ItemsjQuery Supersized - 将标题插入幻灯片项目
【发布时间】：2012-09-15 03:15:00
【问题描述】：

我正在使用jQuery supersized 并希望将 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

任何关于如何让幻灯片标题随每张幻灯片滑出但又不改变现有幻灯片标题的想法都会很棒！

【问题讨论】：

标签： jquery jquery-plugins supersized

【解决方案1】：

所以这不适用于超过三张图片...关于如何编辑的任何想法？

我最终做的是使用“setTimeout”将对 beforeAnimation 函数的调用包装在主超大插件文件中。然后，我根据需要添加了延迟并对其进行了调整，直到文本在正确的时间切换出来：

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

请记住，它在该文件中被调用了 3 次（一次用于初始加载，一次用于单击“下一步”，一次用于单击“上一个”）。这有点小技巧，需要根据幻灯片的速度调整毫秒延迟，但它运行良好。

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

【讨论】：