Question

我正在使用jquery循环库在网页上呈现图片幻灯片。

我想要滚动浏览5张图片，每张图片都有一个我想在显示时加入的文字。

我不确定它是否更简单，但顺序总是相同的，我有一个循环的回调方法。

所以，在每次回调中，我怎样才能加入五个文本中的一个？是的，它必须循环回到第一个。

我需要加粗的文本目前在'幻灯片'div中显示如下：

<div id="column slideshow">

           **slideshow magic here*

                    <ul>
                    <li>blurb1</li>
                    <li>blurb2</li>
                         ...
                    </ul>
</div>

我想知道如何解决这个问题，我很高兴前端devel和javascript。谢谢！

Answer 1

使用active和after回调为幻灯片中的当前元素添加before类，然后使用font-weight: bold为该类设置样式。

<强>的JavaScript

$('#slideshow').cycle({
    after: function(el, nextEl) {
        $(nextEl).addClass('active');
    },
    before: function(el) {
        $(el).removeClass('active');
    }
});

<强> CSS

#slideshow li.active { 
    font-weight: bold;
}

用javascript动态文本粗体

1 个答案: