1

我正在使用超大的 JQuery 插件来播放全屏幻灯片。你可以在这里看到一个演示：http: //buildinternet.com/project/supersized/slideshow/3.2/fade.html

我通过将标题放在图像上方（绝对定位）来修改 css。每次幻灯片更改时，标题都会隐藏，然后再次显示在新幻灯片的顶部。我正在尝试根据需要使标题淡入淡出，但是，我无法弄清楚如何将 js 更改为像这样工作。

插件中控制字幕的部分如下：

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

知道如何修改给定此代码的行为吗？

4

1 回答 1

2

这对我有用：

if ($(vars.slide_caption).length){
  (api.getField('title')) ? 
  $(vars.slide_caption).fadeOut("slow", function(){
    $(this).html(api.getField("title")).fadeIn("slow")
  }) :
  $(vars.slide_caption).fadeOut().html('');
}

基本上，如果有新的标题，您会将旧标题淡出，作为回调，您将其替换为新标题并再次淡入。如果没有新标题，您只需在删除旧标题之前将其淡出即可。您当然可以使用“慢”以外的其他速度。

于 2012-10-12T23:58:58.393 回答