[英]javaScript/HTML -Captions with bxslider
我正在使用bxslider作為模板。 我必須在每張圖片的底部顯示一個標題。
<ul class="bxslider">
<pictures:each bean="${bean}" companyType="${companyType }" pictureList="${pictureList }">
<g:if test = "${picture.getLargeImageURL() != null && picture.getThumbnailImageURL() != null}">
<li>
<img style="height: 240px; width: 100%" src="${picture.getLargeImageURL()}" alt="${picture.copyright.copyrightify()}" title="${picture.caption.linkify()}"/>
</li>
</g:if>
<g:elseif test="${largeFileName != null && thumbnailFileName != null }">
<li>
<img src="${resource(dir:'imgService',file:largeFileName)}" style="height: 240px; width: 100%" alt="${picture.copyright.copyrightify()}" title="${picture.caption.linkify()}"/>
</li>
</g:elseif>
</pictures:each>
</ul>
如何顯示字幕?
http://bxslider.com/examples/image-slideshow-captions
調用bxslider時只需添加以下屬性:
$('.bxslider').bxSlider({
mode:'fade',
captions: true
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.