0

我正在使用超大的 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

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

4

1 回答 1

0

所以这不适用于三个以上的图像......关于如何编辑的任何想法？

--

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

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

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

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

于 2012-09-18T22:05:10.793 回答