当鼠标悬停在 Jssor 中的缩略图菜单上时显示字幕

Show captions when mouse hovers over the thumbnail menu in Jssor

本文关键字：菜单 略图 字幕 显示 悬停 鼠标 Jssor      更新时间：2023-09-26

我正在使用 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>

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

这是我找到的解决方案，所以如果有人对这里感兴趣，那就是：

首先我删除了这一行

<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;
    }

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

干杯

es.

相关文章：