jquery - 如何在 kwicks 的 jquery Accordion 图像 slider 底部获得向上滑动的标题

Question

我正在使用this Accordion slider 。

一切都很好，除了我需要每个图像，单独的文本将位于特定背景(即灰色)上的相应图像的底部。显示图像时，带有背景的文本将在图像上向上滑动。文本部分的高度会很小(如果图像高度是 250px ，那么文本部分的高度可以是 50px )。

有人能告诉我要修改 js 和 html 的哪一部分以及以何种方式修改吗？

向上滑动效果或在图像上放置文本非常容易，但我正在寻找不太小的(至少在我看来)脚本的情况下的解决方案。

Answer 1

您需要使用updated version of Kwicks一个有回调的。

然后添加标题、用于定位标题的 css 和以下回调代码(这里是 demo ):

$('#demo').kwicks({

    // event called before kwicks expanding animation begins
    expanding: function(kwick) {
        kwick.$kwicks.find('.caption').stop(true,true).slideUp();
        kwick.$active.find('.caption').stop(true,true).slideDown();
    },
    // event called before kwicks collapsing animation begins
    collapsing: function(kwick) {
        kwick.$kwicks.find('.caption').stop(true,true).slideUp();
    }

});