在当前幻灯片内显示div
问题描述:
我正在使用滑块浮油,并且我试图在当前幻灯片上显示某些div只有报价。我试图这样做:在当前幻灯片内显示div
function displayQuote() {
if ($('div').hasClass("slick-current")) {
$(this).find('.quote').css('display', 'block');
}
}
displayQuote();
但它不起作用。这里是全码: http://codepen.io/pjmtokyo/pen/JYyjew
我只是初学者,所以我希望得到任何帮助
答
其简单得多。首先你需要隐藏所有字幕。一旦隐藏字幕,您需要显示当前幻灯片的标题。当幻灯片变为活动状态(当前幻灯片)时,它很灵活,使其具有活跃的类别。你使用它并在该类中显示标题。以下是它的代码。我希望这能解决你的问题。
figcaption {
display: none;
}
.slick-active figcaption {
display: block;
}