【问题标题】:Turn off FancyBox tooltips in Slider Revolution while maintaining FancyBox image caption在保持 FancyBox 图像标题的同时关闭 Slider Revolution 中的 FancyBox 工具提示
【发布时间】: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


    【解决方案1】:

    尝试使用data-fancybox-title 仅设置fancybox 的标题(使用v2)。

    【讨论】:

      猜你喜欢
      • 2012-09-15
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多