-1

我需要帮助。我或多或少地在一个显示照片的花式框中尝试了，并在带有 facebook 评论社交插件的图片展示旁边。

在 fancybox 选项 Javascript 中，我有一个

$(".fancybox").fancybox({
 padding: 0,
    modal: true,
        helpers: {
        thumbs : {
                    width  : 50,
                    height : 50
                },
        buttons: {},

        },

    afterShow: function(){
        var descripcion = "<div class='texto1'><p>TEXTO1</p></div>"
        var comentarios = "<div class='texto2'><p>TEXTO2</p></div>;"
        $('#fancybox-overlay').append(comentarios);
        $('#fancybox-overlay').append(descripcion);

    },
    nextEffect: 'fade',
    prevEffect: 'fade'
});

问题是它不会让我一次显示两个东西的叠加层，只有一个或另一个......：S有任何解决方案，所以你可以同时显示？先感谢您

4

2 回答 2

0

注意语法错误......然后你可以创建一个包装器来将你的新文本插入到fancybox中，比方说

<div class='wrapText'></div>

...有一些风格来正确定位它

.wrapText {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1100;
    color : #fff;
}

beforeShow...然后使用回调将其添加到fancybox内容

$(".fancybox").fancybox({
    beforeShow: function () {
      var descripcion = "<div class='texto1'><p>TEXTO1</p></div>";
      var comentarios = "<div class='texto2'><p>TEXTO2</p></div>";
      $("<div class='wrapText'>" +descripcion+comentarios+ "</div>")
        .prependTo( this.inner );
    }
});

看到它工作

于 2012-10-31T18:56:29.923 回答
0

如果我清楚地了解您期望它做什么：

afterShow: function(){
    var descripcion = '<div class="texto1"><p>TEXTO1</p></div>';
    var comentarios = '<div class="texto2"><p>TEXTO2</p></div>';
    $('#fancybox-overlay').append(descripcion, comentarios);
}
于 2012-10-31T16:30:58.897 回答