我正在使用Supersized http://buildinternet.com/project/supersized/的全屏背景滑块。目前我的页面底部显示标题(这是插件中已经内置的功能)。我不太了解jQuery,但基本上我想要的是为每个不同的背景添加一个不同的标题。
我该怎么做?
答案 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>"]
}
根据每张幻灯片的需要进行扩展