【问题标题】:Add HTML to caption of photo gallery将 HTML 添加到照片库的标题
【发布时间】:2013-09-12 07:41:34
【问题描述】:
我在 Carousel here 找到了不错的照片库。
这做得很好。我想要带有 html 标签的标题,这不适用于当前版本。
我尝试了不同的方法,但没有成功。
我怎样才能让它像下面那样工作
<a href="#"><img src="image1.jpg" data-large="imagelarge.jpg" alt="image" data-description="<b>TITLE</b><br>DATE" /></a>
感谢任何帮助。
【问题讨论】:
标签:
jquery
html
image-gallery
【解决方案1】:
在_showImage 函数中找到显示的行
if( title )
$rgGallery.find('div.rg-caption').show().children('p').empty().text( title );
将第二行的text 函数替换为html。
您可以使用另一个数据属性进一步使此功能成为可选
var skip_escape_html = $thumb.data('skip_escape_html');
然后根据它调用一个函数
$rgGallery.find('div.rg-caption').show().children('p').empty()[ skip_escape_html ? 'html' : 'text' ]( title )