如何在底部得到upsliding标题为kwicks的jQuery的手风琴图像滑块(how to ge

2019-09-19 04:02发布

我使用这个手风琴滑块。

一切正常除我需要针对每个图像,即将坐于各图像中的某背景(即灰色)底部个别文字。 在显示的图像,与背景的文本只会向上滑动的图像。 文本部分的高度将是小的(如果图像高度为250像素,则该文本部分高度可以是50像素)。

没有人在那里只是告诉该JS和HTML的部分进行修改,以何种方式?

向上滑动效果或放置文本在图像上是很容易的,但我在寻找一个不那么小的情况下,解决方案(在我看来至少)脚本。

Answer 1:

你需要使用一个Kwicks的更新版本,其中一个有回调。

然后添加字幕,CSS的标题和下面的回调代码(这里是位置演示 ):

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

});


文章来源: how to get a upsliding caption at bottom for the jquery accordion image slider of kwicks