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

时间:2016-02-12 13:10:57

标签: javascript html css jssor

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

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

再一次,什么也没发生。 有没有办法做到这一点?

1 个答案:

答案 0 :(得分:0)

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

首先我删除了这一行

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

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

然后我将.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。