fancybox и wordpress: заголовки изображений

Question

У меня есть fancybox, хорошо работающий с WordPress без плагина, но я борюсь с названиями изображений.

fancybox ищет в привязке заголовок, но WordPress помещает заголовок в img.

Я рассмотрел все обходные пути и попробовал каждое решение stackru, но, похоже, ничего не работает.

Я думаю, что есть два варианта: 1. Скажите fancybox использовать заголовок img (или alt) вместо заголовка якоря 2. Запустите функцию, чтобы извлечь заголовок вложения и вставить его в якорь

Есть много решений вокруг, но я, очевидно, делаю что-то не так.

Какие-либо предложения?

Answer 1

Вы можете получить значение alt или же title атрибуты в <img> тег с помощью beforeShow обратный вызов fancybox, как:

$(".fancybox").fancybox({
    beforeShow: function () {
        // option 1
        // get the title from "alt" attribute
        this.title = $(this.element).find("img").attr("alt");
        // option 2
        // get the title from "title" attribute in img tag
        // this.title = $(this.element).find("img").attr("title");
    }
});

Смотрите JSFIDDLE