Question

我正在使用超大型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('');
}

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

Answer 1

这对我有用：

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('');
}

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

允许在Supersized插件中淡出标题

1 个答案: