Galleria: слой, содержащий ссылки, не отображается

Question

Я использую все новые функции слоя HTML, представленные в 1.2.5 плагина jquery galleria .Он работает просто отлично, но как только в разметке есть тег , слой вообще не отображается.Вот моя разметка:

<div id="galleria">
    <a href="feature-image.jpg" class="link">
        <img title="feature" alt="" src="feature-thumbnail.jpg" class="image" />
        <div class="layer">
            <h3>subtitle</h3>
            <h2>title</h2>
            <p>lorem ipsum dolor sit amet</p>
            <p><a href="http://www.example.com">read more...</a></p>
        </div>
    </a>
</div>

И JavaScript:

$('#galleria').galleria({
    dataConfig: function(img) {
        return {
            layer: $(img).siblings('.layer').html()
        };
    }
});

У кого-нибудь есть идеи?Заранее спасибо!

Answer 1

Хм, я думаю, что это не работает так, как ожидалось, потому что div .layer находится внутри элемента, что не должно. Попробуйте изменить свой HTML-код на это:

<div id="galleria">
    <a href="feature-image.jpg" class="link">
        <img title="feature" alt="" src="feature-thumbnail.jpg" class="image" />
    </a>
    <div class="layer">
        <h3>subtitle</h3>
        <h2>title</h2>
        <p>lorem ipsum dolor sit amet</p>
        <p><a href="http://www.example.com">read more...</a></p>
    </div>
</div>

И тогда ваш код галереи будет:

$('#galleria').galleria({
    dataConfig: function(img) {
        return {
            layer: $(img).parent().next().html()
        };
    }
});