当鼠标悬停在 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>

来自 thumbnavigator，出于某种原因，当此行在代码中时，图像标题未显示。

然后我将.c class的所有css代码复制到.t class，这个

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

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

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

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

干杯，

es.

Show captions when mouse hovers over the thumbnail menu in Jssor