你好,
我在我的网站上使用 FlexSlider(带有缩略图 controlNav 模式的 slider ),我对缩略图的样式做了一些修改,我的问题是当 slider 处于事件状态时,如何在 li 元素中设置 data-thumb 属性,在 css 中他们只是改变了 img 的不透明度我想改变这个类 css 的 src 图像
.flex-control-thumbs .flex-active {
opacity: 1;
cursor: default;
}
html代码
<div class="flexslider">
<ul class="slides">
<li data-thumb="assets/img/nav-slide.png">
<img src="assets/img/sld2.jpg" />
</li>
</ul>
</div>
有任何方法可以使用 css3 设置数据缩略图,例如当幻灯片缩略图处于事件模式时我想像这样
<div class="flexslider">
<ul class="slides">
<li data-thumb="assets/img/active-nav-slide.png">
<img src="assets/img/sld2.jpg" />
</li>
</ul>
</div>
最佳答案
是这样的吗?
if ($('.flex-control-thumbs').hasClass('active'))
{
$(this).find('li').attr('data-thumb', 'assets/img/active-nav-slide.png');
}
关于javascript - 当幻灯片处于事件状态时在 html 元素中设置数据属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41704697/