簡體   English   中英

當鼠標懸停在Jssor中的縮略圖菜單上時顯示字幕

[英]Show captions when mouse hovers over the thumbnail menu in 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>

再一次,什么都沒發生 有沒有辦法做到這一點?

這是我找到的解決方案,因此,如果有人對此感興趣:

首先,我刪除了這一行

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

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM