Я использую этот полноэкранный слайдер фона из Supersized http://buildinternet.com/project/supersized/. В настоящее время на моей странице отображается подпись внизу (это уже встроенная в плагин функциональность). Я не знаю много jQuery, но по сути, я пытаюсь понять, добавляет другой заголовок, который скользит для каждого другого фона.Добавление заголовка заголовка в замедленный слайдер?
Как это сделать?
Я использовал Друпал сверхъизбыточных инициализации сценария http://cgit.drupalcode.org/supersized/tree/js/supersized.js
Он инициализирует обратный вызов - supesrized_slide_callback(). Есть крючки обратного вызова в суперсерии, такие как jQuery Supersized AfterAnimation
Мой код загружает json и приспосабливается к css, используемому supersized. Добавьте свою собственную проверку ошибок.
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>"]
}
Extended по мере необходимости для каждого слайда
это невозможно. – Calvintwr
@Calvintwr есть ли способ, возможно, я могу изменить CSS для # слайд-листа и заставить его произносить слова вместо отображения небольших слайдов? – user3097331
Изменение css на слайдере, чтобы включить подпись, является одной из самых сложных вещей. Я предлагаю вам искать слайдер, который уже имеет то, что вам грубо нужно. Вы можете немного изменить его, но если он даже не близок к тому, что вам нужно, вы будете разорвать его. поверь мне, я был там и сделал это. просто нет простого выхода. – Calvintwr