我使用这个手风琴滑块。
一切正常除我需要针对每个图像,即将坐于各图像中的某背景(即灰色)底部个别文字。 在显示的图像,与背景的文本只会向上滑动的图像。 文本部分的高度将是小的(如果图像高度为250像素,则该文本部分高度可以是50像素)。
没有人在那里只是告诉该JS和HTML的部分进行修改,以何种方式?
向上滑动效果或放置文本在图像上是很容易的,但我在寻找一个不那么小的情况下,解决方案(在我看来至少)脚本。
我使用这个手风琴滑块。
一切正常除我需要针对每个图像,即将坐于各图像中的某背景(即灰色)底部个别文字。 在显示的图像,与背景的文本只会向上滑动的图像。 文本部分的高度将是小的(如果图像高度为250像素,则该文本部分高度可以是50像素)。
没有人在那里只是告诉该JS和HTML的部分进行修改,以何种方式?
向上滑动效果或放置文本在图像上是很容易的,但我在寻找一个不那么小的情况下,解决方案(在我看来至少)脚本。
你需要使用一个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();
}
});