【发布时间】:2018-06-15 00:31:40
【问题描述】:
我成功地将 FancyBox 与 Slider Revolution 一起使用。这是我添加到幻灯片自定义 Javascript 框中的代码:
/* change revapi68 to whatever API name is being used for your slider */
var api = revapi68;
api.on(‘revolution.slide.onloaded’, function() {
jQuery(document).trigger(‘post-load’);
jQuery(this).on(‘click’, function() {api.revpause()});
jQuery(this).find(‘li’).each( function() {
var title = jQuery(this).find(‘div.Photography-Textblock’).text();
jQuery(this).find(‘div.slidelink a’).attr(‘title’, title);
});
});
这会从媒体库中提取图像的标题,并将其用作 FancyBox 中图像的标题。标题也最终成为一个“工具提示”,在滚动滑块旋转图像时显示(在单击启动 FancyBox 幻灯片之前)。我想从 Slider Revolution 幻灯片中删除该工具提示,但保留 FancyBox 幻灯片中的标题。我可以通过删除代码来删除工具提示,“var title = jQuery(this).find('div.Photography-Textblock').text();”但这也消除了 FancyBox 字幕。有没有办法实现我想做的事情?
带有工具提示的项目 URL 示例是 https://donnallyarchitects.com/project/lake-union-floating-home-2/
不带工具提示(已删除代码)的项目 URL 示例是 https://donnallyarchitects.com/project/marysville-house/
【问题讨论】:
标签: javascript jquery tooltip fancybox jquery-ui-slider