javascript - 当鼠标悬停在 Jssor 中的缩略图菜单上时显示标题

Question

我正在使用 Jssor，想知道当鼠标悬停在缩略图菜单图像之一上时如何显示标题？我尝试将标题属性添加到图像中

<img data-u="thumb" src="images/MissionPagePics/thumb-Mission-info.png" title="Uplink tools"/>

什么也没发生。所以我做了这个

<div data-u="thumb">
 <img src="images/MissionPagePics/thumb-Mission-info.png" />
   Uplink tools
</div>

再一次，什么也没发生。那么有没有办法做到这一点呢？

Answer 1

这是我找到的解决方案，所以如果有人对此感兴趣，它是:

首先我删除了这一行

<div class="c"></div>

来自缩略图导航器，由于某种原因，当此行位于代码中时，不会显示图像标题。

然后我将.c类的所有css代码复制到.t类中，就是这个

<div u="thumbnailtemplate" class="t"></div>

最后，我将不透明度从 0 更改为 0.5 和 1，如下

.jssort03 .p:hover .t, .jssort03 .pav .t {
        filter: alpha(opacity=0.5);
        opacity: 1;
    }

现在，当我将鼠标悬停在缩略图菜单图像上时，会显示图像标题、标题。

干杯，

是。