[英]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.