hy,
im 使用 FlexSlider 到我的网站(带缩略图控件导航模式的滑块),我对缩略图的样式进行了一些修改,我的问题是当滑块处于活动状态时,如何在 li 元素中设置 data-thumb 属性,在 css 中,他们只是改变了 img 的不透明度我想更改 src 图像这个类 css
.flex-control-thumbs .flex-active {
opacity: 1;
cursor: default;
}
网页代码
<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');
}