为超大滑块添加标题标题?

时间:2015-05-04 13:50:18

标签: jquery html css3 supersized

我正在使用Supersized http://buildinternet.com/project/supersized/的全屏背景滑块。目前我的页面底部显示标题(这是插件中已经内置的功能)。我不太了解jQuery,但基本上我想要的是为每个不同的背景添加一个不同的标题。

我该怎么做?

1 个答案:

答案 0 :(得分:0)

我使用了drupal超大化初始化脚本http://cgit.drupalcode.org/supersized/tree/js/supersized.js

它初始化一个回调--supesrized_slide_callback()。超大化中有回调挂钩,例如jQuery Supersized AfterAnimation

我的代码加载json并适应超大化使用的css。添加自己的错误检查。

jQuery.getJSON("sites/all/themes/mytheme/js/supersized_captions.json", function (data) {
   window.supsersizeddata = data;
});

window.supersized_slide_callback = function () {
  // jquery object method used.
  var details = this.supsersizeddata;

  var active_slide = jQuery('.activeslide');

  // hasOwnProperty
  if (active_slide.hasClass('slide-0')) {
   jQuery('.field-name-body').html(details['slide-0']);
  }
};

JSON:

{
  "slide-0": ["<h2>Centaurus A</h2>"]
}

根据每张幻灯片的需要进行扩展