Question

I need help. I tried more or less within a fancybox displaying a photo and next to the picture show with facebook comments social plugin.

within the fancybox options Javascript, I have a

$(".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'
}); 

the problem is it wont let me show the overlay the two things at once, only one or the other … : S have any solution so you can show both? thank you in advance

Answer 1

If I clearly understand what you are expecting it to do :

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);
}